Archived topic
Sider demo theme: expand sub menu items by default and permanently
7 replies · Started by Marc on March 13, 2023
Hello, I'm using the Sider demo for a new website (dev environment: josreinders.marcbijl.nl).
Now I'd like to have the menus with sub menu items expanded by default and permanently. After a clean install I've followed these instructions, but couldn't get it done:
https://generatepress.com/forums/topic/possible-to-have-a-submenu-expanded-by-default/
https://generatepress.com/forums/topic/permanently-expanded-sub-menus/
Am I doing something wrong, or missing anything?
Also, when clicking the main menu options which contains the sub menu items, there's something changing with alignment, background color etc. What are the best css classes to target for tweaking these settings?
Cheers,
Marc
Hi there,
try this CSS:
@media(min-width: 769px) {
#site-navigation.main-navigation ul ul {
display: block !important;
height: auto;
visibility: visible;
opacity: 1;
left: 0;
}
#site-navigation .menu-item-has-children .dropdown-menu-toggle {
display: none;
}
}
Wow, that's perfect, thnx a ton! :-D
Btw, I was just searching for some more info myself to solve the problem, and stumbled upon this item (from a few years ago):
https://generatepress.com/forums/topic/just-for-info-sub-menu-in-sider-theme-demo-not-nicely-designed
The same is still happening in the submenu, see:
https://imgur.com/a/5b66Z71
Not a big problem, I guess I'll get it solved again; but would be nice if you guys could get the default styling of the submenu a bit into line with the rest of the website.
Anyway, thanks again, very happy!
Yeah, my bad, we need to rebuild sider from the ground up. Ill see what i can do :)
Guess it will be backwards compatible then?
Anyway, all the best,
cheers Marc
Ah well, some of the hesitation has been the amount of changes we had planned to GP and GB.
And now we are in a better place to make these updates.
I would like it in the next GP release, as it has a new Navigation Search which would be nice to include in that design.
Looking forward mate :-)
How do I know when it's there?
And will a guide be provided to update sites that are based on this demo/template?
We are in release candidate 1 for both the theme and premium plugin:
https://generatepress.com/generatepress-3-3-0/
https://generatepress.com/gp-premium-2-3-0/
If the testing continues to progress well then hopefully the official version will be released next week :)
There won't be specific guides for each template as they are all very similar but this article should cover most of it:
https://docs.generateblocks.com/article/migrating-container-legacy-layout/