Menu Bar Placement

[Rush]

Can you please tell me how to adjust the entire Menu bar to move further to the left of the screen? Giving it a wider margin/more space to the edge on the right. Thank you!

[Bill Robbins]

Hello Rush,

You can do that. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (min-width: 1024px) {
   
   	#navigation {
   		margin-right: 30px;
   	}
   
   }
   

3. Update your settings.

Check the front end of your site then and see if that has moved the navigation over far enough. If you want more space on the right, then increase the 30 in the snippet above to a larger number.

Let me know if you run into any trouble.

Have a great weekend,
Bill

[Rush]

This reply has been marked as private.

[Bill Robbins]

You can change the width too. Just modify the snippet above so it’s like this:

@media only screen and (min-width: 1024px) {

	#navigation {
		margin-right: 30px;
		width: 600px;
	}

}

and see if that gives you enough room. If you need more, you can change the 600 to a larger number.

Let me know if you run into trouble there,
Bill

[Author]

Posts