Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2799743
Menu Bar background transparent
Closed

Comments

  • martinken started the conversation
    June 11, 2021 at 6:38am

    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

  •  2,614
    PenciDesign replied
    June 11, 2021 at 8:06am

    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 replied
    July 20, 2021 at 10:02am

    Hi but it does not work on mobile navbar

  •  2,614
    PenciDesign replied
    July 20, 2021 at 10:49am

    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
    July 20, 2021 at 11:09am

    Hi 

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

  •  2,614
    PenciDesign replied
    July 20, 2021 at 1:37pm

    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.