Change menu header color

  • Hi guys!

    So, is there a way I can change the menu header color and keep it different from the header itself? Right now, both have the same color (and I don’t like it). You can check here https://www.apexmasters.net/

    I tried to choose a set of colors where the header would be a light color, but the menu header just change to the same color everytime.

    I went to the header section in the CSS and tried to change the nav header colors but I was able to change only the border or text color, not the menu.

    Btw, good job with the theme. Really liking it.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi

    Go to Appearances >> Edit CSS – make sure the file says ‘Welcome to Custom CSS!’ as you don’t want to edit the main css file

    them paste the following code (change the 999 to the color you want)

    #nav-header .container {
background-color: #999;
}
    Thread Starter victorludgero

    (@victorludgero)

    Hi, thanks for replying.

    So, do I need to paste in a specific location?
    Tried in the nav header section but no success

    This is the right place, right?
    https://puu.sh/6bxbz/c88af67b4f.png

    Goto Admin>>Appearance>>Theme options>>Styling

    And change Topbar Background or Header Background whatever the mentioned one according to your website.

    Or if you want menu bar background to change rather than header portion background ,kindly goto header.php page and edit it by placing inline styles there like :

    For header page :
    <div class=”group pad” style=”background-color:#fff;height:70px;”>
    <?php echo alx_site_title(); ?>

    <?php if ( !ot_get_option(‘site-description’) ): ?><p class=”site-description” ><?php bloginfo( ‘description’ ); ?></p><?php endif; ?>

    </div>

    For Menu bar :
    <nav class=”nav-container group” id=”nav-header” style=”background-color:#fff;” >

    Thread Starter victorludgero

    (@victorludgero)

    So, I just got it myself.

    There’s a “background: transparent” in the #nav-header.nav-container line. I just replaced with a color and bingo!

    Actually was much simplier than I thought.

    Thank you guys for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change menu header color’ is closed to new replies.