Menu Bar background transparent

Public Ticket #17077

Conversation thread

PenciDesign Supporter replied

5 years ago

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

5 years ago

Customer Reply

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

PenciDesign Supporter replied

5 years ago

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.

Regards,
PenciDesign.

martinken replied

5 years ago

Customer Reply

Hi but it does not work on mobile navbar

PenciDesign Supporter replied

5 years ago

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

5 years ago

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.