KDV

Site URL: https://www.tenrestaurant.co.uk/reservations Hey guys! Could you please have a look on this site? We added booking widget as iframe. will include code below. But it breaks the setup in squarespace, navigation is turned black now instead og gold and white, and plus it adds some box around links in navigation. How to separate this code from the other sections of the page? Thanks, much appreaciate <iframe style="border: 0; border-radius: 10px;" src="https://cloudeu01.avenista.net/TenRestaurant/Bookings/tenrestaurant99gdv14?theme=kbl-drk2-v1" width="320" height="454" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></ iframe>

Would you mind to have a look at it to check why the icon is not responding when clicked?

@tuanphan yes, its shown there but when clicked it doesnt open search bar as it does on desktop version. Any idea why it doesnt happen? This is CSS added code : /*Custom Search Bar*/ .header-actions--right .header-actions-action--social .icon:first-child {visibility:hidden} .header-actions--right .header-actions-action--social .icon:first-child:after { content: '\f002'; font-family: FontAwesome; position: absolute; margin-left:-3vw; margin-top: 0px; font-size: 22px; color: #B7A37B; visibility:visible} .sqs-svg-icon--list a:first-child {display:none} /*Mobile*/ .header-menu-actions-action.header-menu-actions-action--social:first-child {visibility:hidden} .header-menu-actions-action.header-menu-actions-action--social:first-child:after {content: '\f002'; font-family: FontAwesome; display: inline-block; position: absolute; margin-left:-0px; margin-top: -26px; font-size: 22px; color:#B7A37B; visibility:visible} /*END Custom Search Bar*/

Hi guys, do you mind to have a look why its not working when i implemented everything as was said in this topic? 🙂 Seach icon is working on web, but not on mobile phones, not sure what else to do.... http://nutri-drops.co.uk/ Password: Nutridrops Appreciate any help!