Jump to content
Sign in to follow this  
thepineappleguy

Nav Classic Primary Menu Bar Spacing Issue | Center Align CSS

Recommended Posts

thepineappleguy

The nav classic bar on the top-level primary menu of my website (www.namastacyyoga.org) has the menu items hanging over the nav bar . In other words, the menu items appear slightly larger than the nav background.

Added the following CSS to center align the menu items under Site Options --> Custom CSS

Quote

#site .navigation_wrap .main_nav { margin-right: 0; }

#site .main_nav ul { text-align: center; float: none; }

#site .main_nav ul > li { float: none; display: inline-block; }

Did not have this issue before adding the custom CSS. I had added this CSS to another website (www.hotyogahome.com) and did not experience this issue. Checked all other settings and there is nothing different from what is configured between namastacyyoga.org and hotyogahome.org

Any ideas why this might be happening? Thanks in advance.

Share this post


Link to post
Share on other sites
Andrew

try: 

#page .navigation_wrap .main_nav{
height: auto;
}

in other news, one of the first websites i ever did was namasteveyoga.com in San Diego haha, that was 10 years ago. But funny how close the domains are :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×