Jump to content
Sign in to follow this  
timothy

Closing Gap Between Logo And Menu On Same Nav Bar

Recommended Posts

timothy

I'm using the logo-nav bar option. How do I shrink the gap between the logo and the page links on the menu in the nav bar? URL: spiritualmembers.com/family

Share this post


Link to post
Share on other sites
Kate

Hi Timothy, Something like this should do the trick:

#brandnav{padding-bottom:0px;}

Share this post


Link to post
Share on other sites
timothy

Unfortunately that didn't work. I noticed that you have the word "bottom" in there. FYI: I'm asking to decrease the width space between the logo and menu. They're all on the same row up top.

Share this post


Link to post
Share on other sites
ricardo

Hi Timothy! The bandnav is divided into 2 blocks: the logo and the menu. Replace bellow the 22% by the width of your logo and then increase bit by bit with the 76% value until you reach something you like. The code bellow goes in the PlatformPro Settings > Custom Code > Custom CSS Rules and if you're having trouble seeing changes, add "!important" to each value like this "width: 76% !important;"

#brandnav .main_nav {float:left;width: 76%;}
	
	#brandnav .mainlogo-link, #brandnav .title-container{
	    float: left;
	    line-height: 0.7em;
		width: 22%;
		padding: 0;
	}

Ricardo

Share this post


Link to post
Share on other sites
timothy

Ricardo, Worked like a charm. You're very helpful. Thanks.

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  

×