Transparent Menu

Sorry posted wrong site. Updating it now in the private information

Hi Sarathy,

With regards to the whitespace, there seems to be a <br> added to your html.

See: https://generatepress.com/forums/topic/transparent-menu-2/

Can you try number 1 here and see where this is coming from: https://docs.generatepress.com/article/debugging-tips/

With regards to having the off-canvas menu transparent, the link you sent for the image is not viewable. Can you try uploading it again?

In any case, if you wish to make the off canvas menu transparent for tablet and mobile, here is a code you can try:

@media (max-width: 1024px) {
    nav#generate-slideout-menu {
        background-color: rgb(34 34 34 / 45%);
    }
}

Kindly change the color value to your preference: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

Hope this helps! :)

Thanks a lot for your help Fernando.

I need the main menu and not off canvas menu to be transparent currently it is black.

Thanks a lot.
Sarathy

Hi there,

use this CSS to switch the mobile header background.

#mobile-header {
    background-color: transparent !important
}