Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Use CSS to add a percentage with to each menu item, so that all of them add up to 100%.
How exactly would I do that using CSS? Sorry, I’m not very experienced with coding.
Does anyone know exactly what I’d have to add to the CSS stylesheet in order to spread each category tab throughout the primary menu evenly so that it is symmetrical and takes up the entire space?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Link your site then… Based on the advice I just gave you I cannot “know” how many items you have in your menu to give you the code.
My site is futbolpulse.com.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
@media screen and (min-width: 783px) {
.primary-navigation {
float: left;
max-width: 960px;
width: 80%;
}
.primary-navigation li {
display: block;
float: left;
width: 12.5%;
}
}
Looks great on desktop…