Jump to content

Header appears above Mobile Information Bar Business Hours Screen Overlay

Recommended Posts

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 

PNG image 2.png

Link to comment

How can I access the page like the image posted?

image.png.ecf986c9a4bb7d4accedb6e65abab86a.png

This is the current one on my device

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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?

image.png.b81115e20d03714f20e7456861150871.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.