Sub menus? Dropdown menu?
-
wrote on Jan 13, 2018, 5:31 PM last edited byThis post is deleted!
-
-
wrote on Jan 15, 2018, 12:23 PM last edited byThis post is deleted!
-
wrote on Apr 10, 2019, 11:07 AM last edited by
@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; } /**/
wrote on Sep 14, 2019, 5:11 PM last edited byHI @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 -
wrote on Oct 31, 2019, 3:57 PM last edited by Eiszeit Oct 31, 2019, 11:59 AM
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; } /**/
wrote on Aug 12, 2023, 11:00 AM last edited by Didgeroo Aug 12, 2023, 7:01 AMThis post is deleted!
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