AkankshaK Posted December 4, 2021 Share Posted December 4, 2021 Site URL: https://www.purnamayurveda.com Hi, I used the following code from ghostplugins to move the mobile information bar behind the mobile menu overlay. // Push Mobile Info Bar Behind Mobile Menu // .sqs-mobile-info-bar { z-index: 4 !important; } This works fine except on the header appears over the the business hours screen overlay. My header is transparent so it looks awkward. See screenshot. Any recommendations? I would like the mobile info bar to be behind the mobile menu but I dont want the header to appear on the business hours overlay screen. Thanks Akanksha Beyondspace 1 Link to comment
Beyondspace Posted December 4, 2021 Share Posted December 4, 2021 How can I access the page like the image posted? This is the current one on my device BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
AkankshaK Posted December 4, 2021 Author Share Posted December 4, 2021 23 minutes ago, bangank36 said: How can I access the page like the image posted? This is the current one on my device @bangank36 Please could you try again, it will show now when you click on 'Hours'. Link to comment
Beyondspace Posted December 4, 2021 Share Posted December 4, 2021 15 minutes ago, AkankshaK said: @bangank36 Please could you try again, it will show now when you click on 'Hours'. Is it the result you want to achieve? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
AkankshaK Posted December 4, 2021 Author Share Posted December 4, 2021 (edited) 2 minutes ago, bangank36 said: Is it the result you want to achieve? Yesssss Please 🙂 Edited December 4, 2021 by AkankshaK Beyondspace 1 Link to comment
Beyondspace Posted December 4, 2021 Share Posted December 4, 2021 Just now, AkankshaK said: Yesssss 🙂 Just now, AkankshaK said: Yesssss 🙂 You can try adding to Home > Design > Custom Css .sqs-mobile-info-bar-show-overlay ~ #siteWrapper #header { display: none; } Let me know how it works on your site Support me by pressing 👍 if this useful for you BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
AkankshaK Posted December 4, 2021 Author Share Posted December 4, 2021 Yayy thank you, that worked brilliantly. Thanks so much, you are a real star 😄 Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment