Sub menu columns now narrow
-
After updating the theme, the sub menu column widths have reduced and all now seem to be the same width. Before the column widths were as wide as the longest item. Look at the “mining” sub menu – each of these entries occupied a single line, what you don’t see is that the bottom 4 items are now off the screen and I cannot find a way to reach them.
I have no cache plugins and I have cleared my browser cache in response to a previous article.
The page I need help with: [log in to see the link]
-
Try this in custom css. Adjust as needed:
.main-navigation ul ul a {
min-width: 180px;
}I see them all because I am looking at your site on a great big monitor.
I gather when you say “the bottom 4 items are now off the screen” you are referring to the screen of your phone or tablet. Here’s an article that is relevant to your problem:
https://stackoverflow.com/questions/46098338/how-to-make-sub-menus-scrollable
Suggestion – there’s no need for a submenu here. Just send visitors to the “Mining” page and let them enjoy.
Thanks for the help Goldfishflake, but where do I find the custom.css file? I can only see style.css and rtl.css.
@malcolm302 if you go in the Dashboard of your WordPress site to Appearance – Edit CSS – Additional CSS
Dashboard, Appearance, Customize. Bottom of list of Customize options is Additional CSS.
Make your changes in there or any update will overwrite your changes (if you aren’t using a child theme).
The topic ‘Sub menu columns now narrow’ is closed to new replies.
