[wannabebre84]

Is it possible to make the font size of the Primary Menu Bar larger? It is really small. Thanks!

[wannabebre84]

Actually change that thought….How do you center the primary navigation bar. I figured out how to change the size of the font, but now I need it centered!

[wannabebre84]

Sorry for the multiple comments, but I cannot figure out how to edit a post I already wrote! Basically, I am trying to center the logo, title, and menu bar. I figured out how to center the logo and title, but the menu bar is not falling nice and centered underneath it….

[sapana]

@wannabebre84
Please post your site Url so that I can look into the issue.

Kind Regards,
Sapana

[wannabebre84]

My site is not live yet… so I don’t know if you can see it. It is http://www.themountainreport.com

[wannabebre84]

I can send you a screen shot, but don’t know how to send it in this forum, only email…

[sapana]

@wannabebre84:

It is very difficult to resolve the issue without seeing your site so, let me know when your site is live.

Kind Regards,
Sapana

[wannabebre84]

The site is live now. I also have another question. How do I make the condensed navigation menu (on the mobile and when the window is small, the menu with the three horizontal lines), a different color than white. Unfortunately, by header is white, and therefore you cannot see the three lines because they are white. I want to chance them to black, or honestly, any other color you can see.

[sapana]

@wannabebre84:
-You can center the logo, title and menu-bar:
Go to => Appearance =>Customize=> Additional CSS:add the following CSS code

site-branding {
    float:none;
    display:block;
    max-width:340px;
    margin:0 auto;

}
.site-branding .site-logo {
    float:none;
    display:block;
}

#site-navigation, #site-navigation ul li, .main-navigation li {
    float:none;
}
#site-navigation {
    text-align:center;
}
#site-navigation ul li {
    display:inline-block;
}

-You can change the color of menu with three horizontal lines
Go to => Appearance =>Customize=> Additional CSS:add the following CSS code

#responsive-menu-button {
    color: black;
    
}

Kind Regards,
Sapana

[wannabebre84]

The three-line menu bar worked perfectly. However, the site-header logo and navigation menu is still a little off-center when I put in the code you provided. The logo is more right center compared to the navigation menu. Is there a way to fix this?

[wannabebre84]

I actually played around with the site a bit. I like it uncentered (too much white space with logo on top of the menu).

Last question (hopefully!!) – There is too much white space under the navigation menu bar before the header picture. How do I make the menu sit closer to the header image (almost rest on it) rather than hand so high above it with all the white space?

And there is also a white space between the header and the featured content (that has a light grey background. Is there a way to get rid of that?

THanks again!

[sapana]

@wannabebre84:

-To remove the white space between the header and the featured image and also in navigation menu bar
Go to => Appearance =>Customize=> Additional CSS:add the following CSS code

#featured-content .wrapper {
    padding-top:0;
}
#site-navigation {
    margin-top:51px;
}

Kind Regards,
Sapana

[Author]

Posts