x

Navigation Bar

Hi!  On my website https://www.brianconnersbcba.com/ I am looking to get rid of or significantly reduce the white space to the left and the right of the navigation menu items.  How can I do this?  Also, is there a way to increase the white space between the actual nagivation menu items (e.g., between Home, About, etc.).  Any guidance would be helpful.  Thank you in advance!

395 Views
Message 1 of 3
Report
2 REPLIES 2

@bconnersbcba 

To increase the distance between items in your navigation, this should work. Go to your main CSS code and find this line:

.menu li { display: inline-block; padding: 7px 0; margin-right: 5px; }

It should be near the top. At 'margin-right:' change the number of px until you're happy - but be aware, if you input too high a number the last items on your nav bar will spill-over into a new nav bar line underneath on larger monitors.

Hope this helps, Gary

385 Views
Message 4 of 3
Report

Thank you so much Gary!  That worked!

379 Views
Message 4 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.