Jump to content

Top header won't change to transparent on mobile

Recommended Posts

Site URL: http://www.pantryphilosophy.com

I like how it looks on my desktop were the logo is above the background image. 

I tried using this code for mobile:

//MENU HEADER TRANSPARENT ON MOBILE//
@media only screen and (max-width: 640px) {
.Mobile-bar--top {
background: transparent !important;
position: relative;
z-index: 1 !important;
}
}

 

---It worked at first but now I see no changes. Top header is fixed as the title font gets messed up.

Password: Pantry

Link to comment
  • Replies 8
  • Views 2.4k
  • Created
  • Last Reply
  • 4 months later...
On 12/9/2020 at 6:24 AM, MMEbyKiandraTrickett said:

I've tried the above code and a couple others - whilst I get the transparent header for mobile, the padding for the content goes RIDICULOUS ahha. Any fixes? Tried a couple things and it's not changing.

kiandratrickett.squarespace.com

PW Enter

 

Screen Shot 2020-12-09 at 10.15.50 am.png

Do you still need help on this?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 12/23/2020 at 4:04 PM, MMEbyKiandraTrickett said:

All good - I can't remember what I did but I did something to fix it!

I see some pages have very long content on mobile. You can consider adding a back to top button.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.