iPhone mobile display

This is a great plugin. It is working as expected except:

When viewing gallery on a mobile there is a whole bunch of HTML which appears above the gallery. Oddly, Firefox is OK but Safari, Chrome & Brave all show it. Works fine on iPad.

HTML shown below and I can’t find any setting that may be causing it. Holding page only has short-code on it. Nothing else.

Advice appreciated.

wbg-parent-wrapper { background: #FFF; border: 1px solid #dd3333; max-width: 1200px; margin-top: 0px; margin-bottom: 0px; padding: 0px; border-radius: 0px; } /* Search Panel */ .wbg-search-container { background: #FFFFFF; border: 0px solid #CCCCCC; border-radius: 0px; } /* Search Input */ .wbg-search-container .wbg-search-item input[type=”text”], .selectize-control.single .selectize-input { background-color: #FFFFFF; } /* Search Button */ .wbg-search-container .wbg-search-item .submit-btn { background: #0274be; border: 1px solid #317081; color: #FFFFFF; } .wbg-search-container .wbg-search-item .submit-btn:hover { background: #EAEAEA; color: #f7f7f7; } /* Search Reset Button */ .wbg-search-container .wbg-search-item a#wbg-search-refresh { background: #EEEEEE; border: 1px solid #eeee22; color: #f20202; } .wbg-main-wrapper .wbg-item { border: 1px solid #e0e0e0; background-color: #ddcbaf; white-space: normal; padding-top: 10px; padding-right: 10px; padding-left: 10px; } /* .wbg-main-wrapper .wbg-item img { width: ; height: ; } */ .wbg-main-wrapper .wbg-item img:hover { } .wbg-main-wrapper .wbg-item a.wbg-btn { background: #0274be; color: #FFFFFF; font-size: 12px; } .wbg-main-wrapper .wbg-item a.wbg-btn:hover { background: #0274be; color: #FFFFFF; } .wbg-main-wrapper .wbg-item .wgb-item-link { color: #242424 !important; font-size: 18px !important; } .wbg-main-wrapper .wbg-item .wgb-item-link:hover { color: #1e73be !important; } .wbg-main-wrapper .wbg-item .wbg-description-content { font-size: 12px !important; color: #000000 !important; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* List style */ .wbg-main-wrapper.list .wbg-item-list-wrapper { border-bottom: 1px solid #e0e0e0; background-color: #ddcbaf; white-space: normal; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title h3.wgb-item-link, .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title a.wgb-item-link { color: #242424 !important; font-size: 18px !important; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title h3.wgb-item-link:hover, .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title a.wgb-item-link:hover { color: #1e73be !important; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .regular-price .wbgp-price { font-size: 16px; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .regular-price .wbgp-price.price-after { color: #13b651; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .regular-price .wbgp-price.price-before { color: #ff7162; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials span.loop-author { color: #555555; font-size: 11px !important; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials span.loop-category { color: #555555; font-size: 11px !important; } .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content { font-size: 12px !important; color: #000000 !important; } .wbg-main-wrapper .wbg-item-list-wrapper a.wbg-btn { background: #0274be; color: #FFFFFF; font-size: 12px; } .wbg-main-wrapper .wbg-item-list-wrapper a.wbg-btn:hover { background: #0274be; color: #FFFFFF; }

The page I need help with: [log in to see the link]