The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to adjust the width?
How to adjust the width of main nav? And display it to the right? Like this and insert the symbol “|” in every menus
Here’s the CSS
Here’s the link of the site
Firstly, I don’t use the pipe (|) symbol as a delimiter/separator.
It’s not semantic and isn’t accessibility friendly for screen readers and there are better options (a right/left border for one).
To make the links ‘larger’ add padding
If you want it on the right, don’t float it to the left, float it to the right….obvious really.
How to reduce the width of bg color of main nav?
Seems to be defined here
font-family: 'Arial', 'sans-serif';
border-bottom: 3px solid #787878;
background: #787878; /* here */
margin: 0 auto;
So it covers the whole div.
I try to put this width:50% but the nav is expanding to the left