I am sorry, but you have way too many menu items. You should rethink the structure, add more sub-menus.
Or open style.css, find:
.container {
margin: 45px auto;
border-top-width: 5px;
border-bottom-width: 5px;
border-top-style: solid;
border-bottom-style: solid;
}
change it with:
.container {
margin: 155px auto 45px auto;
border-top-width: 5px;
border-bottom-width: 5px;
border-top-style: solid;
border-bottom-style: solid;
}
Thanks very much.
The code worked, though now I have three rows.
Will rethink the menu structure.
Cheers.
Hi, whenever the theme is updated, it changes my menu structure. You had recommended adjusting the container with new values, but now since your latest update, I can’t seem to find the container codes in the style.css.
Can you help? Thanks.
Hi! That will happen every time you update the theme, it overwrites style.css.
You need to create a child theme and all your changes remain intact. It’s actually recommended (with all themes in general) if you look in style.css, at the top.
Thanks.
But, even if I create the child theme, I am still not seeing the old container codes. Did you rename them?
No changes were made to the css/html structure. You might be doing something wrong…
Really strange. I go to the Theme Editor, as I usually do.
It opens up the style.css file. I search for container and nothing comes up.
Weird?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You can use Firebug to explore the CSS of your Webpage, without looking into the wp-admin dashboard
Did you create the child theme (as the above tutorial says) and activate it?
Ok, I open the file in fullscreen and was able to search from within the code area. I am now able to see the container codes.
Seems as if I had some browser issue with the search function.
I think that I will definitely have to make the child theme.
Thanks again.
