Sub menus? Dropdown menu?
-
-
-
@arminunruh said in Sub menus? Dropdown menu?:
Hi, it's been a long time that i've been on my website, i did almost the same submenu as Nadine Goepfert website, but actually, when i click on one of the link it just put it in the bar on top but it doesn't open it, probably a problem of actualisation but i don't know how to fix it, an idea ?
Thanks a lot
-
-
Hey guys!
Doing submenus is easy with some custom css!
For example on the nadine göpfert website we did it:
Custom CSS:
/*submenu*/ nav.primary .sub-menu li{ display: block; position: relative; } .sub-menu{ padding-top: 10px!important; opacity: 0; transition: opacity 200ms ease; -webkit-transition: opacity 200ms ease; pointer-events: none; position: absolute; } nav.primary li:hover .sub-menu{ opacity: 1; pointer-events: auto; } /**/HI @arminunruh
I entered the code but I don't understand why it doesn't work.
You could help me!
Thanks -
Dear @d44w
Can you post a link to our website?
Then we can have a look and inspect that.
Marius -
Hallo @arminunruh and @mariusjopen,
I would like to create several submenus under the caption WORK (http://schroederclaudia.com/work/)
For that I created pages like:feature, short, commissioned etc. e.g.: (http://schroederclaudia.com/feature)
I ve read that this is possible with CSS Customizer. What code would I have to insert there in order to make my „feature page“ be a submenu of my "WORK page"?
(I am using chrome )Help would be very appreciated. Thank you guys ;)
Claudia -
-
Hey guys!
Doing submenus is easy with some custom css!
For example on the nadine göpfert website we did it:
Custom CSS:
/*submenu*/ nav.primary .sub-menu li{ display: block; position: relative; } .sub-menu{ padding-top: 10px!important; opacity: 0; transition: opacity 200ms ease; -webkit-transition: opacity 200ms ease; pointer-events: none; position: absolute; } nav.primary li:hover .sub-menu{ opacity: 1; pointer-events: auto; } /**/
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it