Skip to content
Public Ticket #17077

Menu Bar background transparent

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 768px) {
    #navigation, .show-search {
        background-color: transparent !important;
    }
}

Regards,
PenciDesign.


martinken replied

Customer Reply

Hi 

   I want the hamburger menu bar / mobile bar between the white lines as shown in the attached picture to be transparent

PenciDesign Supporter replied

Staff Reply

Hi,

How do you want to display it on the mobile? By default, the menu bar will be hidden on mobile, it will show if you click on the hamburger menu.

image.png

Regards,
PenciDesign.


martinken replied

Customer Reply

Hi but it does not work on mobile navbar

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance > Customize > Custom CSS, then paste the following custom CSS code:

#navigation .menu {
    float: none;
    margin: 0 auto;
} #header .inner-header,
#navigation, #navigation.header-layout-bottom {
    background: transparent !important;
}
Regards,
PenciDesign.

martinken started the conversation

Conversation Start

Is it possible to make the menu bar transparent like this one tesla.com so the background picture can be seen? Also I need to center the text.  Regards Martin

Want to join this conversation or access attachments? Sign in first.