Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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:

@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 post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Add to Home > Design > Custom CSS

.Mobile-bar.Mobile-bar--top {
    position: absolute;
    background: transparent !important;
    z-index: 999 !important;
    top: 0;
    left: 0;
    width: 100%;


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

**EDIT: I can see the original dark color grey as a header but the header image is not showing as background behind the navigation like desktop view. 


Link to post

Create an account or sign in to comment

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

  • Create New...