Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Sub menus? Dropdown menu?

Sub menus? Dropdown menu?

Scheduled Pinned Locked Moved Bug Reports
22 Posts 10 Posters 5.5k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #4

    Well the way I coded it is that no matter if you create submenus in the backend, the html output will always be that of a menu without submenus. So even with css you can't work around that.

    1 Reply Last reply
    0
    • d44wD Offline
      d44wD Offline
      d44w
      wrote on last edited by
      #5

      I see Armin.
      Anyways — Thank you so much for everything.
      I think that I found a nice alternative.
      Btw. a real submenu or dropdown menu propably starts to make sense in very complex surrounding — certainly not for my projects.
      Best, D

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #6

        Yeah, I need to work on menus one day. I thought about making it possible to add multiple menus. :O I didn't think about doing submenus yet. Hmmm will think about that.

        rothkuoR 1 Reply Last reply
        0
        • arminunruhA arminunruh

          Yeah, I need to work on menus one day. I thought about making it possible to add multiple menus. :O I didn't think about doing submenus yet. Hmmm will think about that.

          rothkuoR Offline
          rothkuoR Offline
          rothkuo
          wrote on last edited by
          #7

          @arminunruh It would be a great option to expand and collapse menu items if there are sub menus. Is there an update on this feature or a CSS we can add in? Thank you Armin.

          1 Reply Last reply
          0
          • mariusjopenM Offline
            mariusjopenM Offline
            mariusjopen
            Global Moderator
            wrote on last edited by
            #8

            Hi @kuo
            no news yet about the sub menus. it is on our list for future updates though.

            All the best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #9

              Hey guys!

              Doing submenus is easy with some custom css!

              For example on the nadine göpfert website we did it:

              http://nadinegoepfert.com/

              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;
              }
              /**/
              
              D D 2 Replies Last reply
              0
              • rothkuoR Offline
                rothkuoR Offline
                rothkuo
                wrote on last edited by rothkuo
                #10

                Thanks, @arminunruh. This looks awesome–doing this on my vertical menu.
                Is there a good link on how to customize this CSS? Sorry I am a self-taught novice in need of guidance.

                1 Reply Last reply
                0
                • arminunruhA Offline
                  arminunruhA Offline
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #11

                  Hey sorry that would be great if you can learn a bit about css for example here:
                  https://www.khanacademy.org/computing/computer-programming/html-css

                  1 Reply Last reply
                  0
                  • E Offline
                    E Offline
                    erikbunger
                    wrote on last edited by
                    #12

                    Hi @arminunruh,
                    I added the 'nadinegoepfert'-submenu script to the custom CSS and it works very well on in the desktop-version of my website (under 'shows'):

                    erikbunger.com

                    However, somehow, after putting it into the 'custom css for desktop' it gets activated for the mobile version as well? Is there a way I can use it only for the desktop only? In the mobile version I would like all the menu points (including the submenus) to just line up under each other.

                    Many Thanks

                    1 Reply Last reply
                    0
                    • F Offline
                      F Offline
                      FredL
                      wrote on last edited by
                      #13
                      This post is deleted!
                      1 Reply Last reply
                      0
                      • mariusjopenM Offline
                        mariusjopenM Offline
                        mariusjopen
                        Global Moderator
                        wrote on last edited by
                        #14

                        Hi @FredL
                        can you post a link to your website?

                        Then we can have a look?

                        All the best!

                        Marius

                        www.mariusjopen.world

                        F 1 Reply Last reply
                        0
                        • mariusjopenM mariusjopen

                          Hi @FredL
                          can you post a link to your website?

                          Then we can have a look?

                          All the best!

                          Marius

                          F Offline
                          F Offline
                          FredL
                          wrote on last edited by
                          #15
                          This post is deleted!
                          1 Reply Last reply
                          0
                          • M Offline
                            M Offline
                            maxi394
                            wrote on last edited by
                            #16

                            @arminunruh said in Sub menus? Dropdown menu?:

                            http://nadinegoepfert.com/

                            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

                            1 Reply Last reply
                            0
                            • mariusjopenM Offline
                              mariusjopenM Offline
                              mariusjopen
                              Global Moderator
                              wrote on last edited by
                              #17

                              Dear @d44w
                              all the links work. For you not?

                              Nice website and work!

                              Best!

                              Marius

                              www.mariusjopen.world

                              1 Reply Last reply
                              0
                              • arminunruhA arminunruh

                                Hey guys!

                                Doing submenus is easy with some custom css!

                                For example on the nadine göpfert website we did it:

                                http://nadinegoepfert.com/

                                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;
                                }
                                /**/
                                
                                D Offline
                                D Offline
                                danielerametta
                                wrote on last edited by
                                #18

                                HI @arminunruh
                                I entered the code but I don't understand why it doesn't work.
                                You could help me!
                                Thanks

                                1 Reply Last reply
                                0
                                • mariusjopenM Offline
                                  mariusjopenM Offline
                                  mariusjopen
                                  Global Moderator
                                  wrote on last edited by
                                  #19

                                  Dear @d44w
                                  Can you post a link to our website?
                                  Then we can have a look and inspect that.
                                  Marius

                                  www.mariusjopen.world

                                  1 Reply Last reply
                                  0
                                  • E Offline
                                    E Offline
                                    Eiszeit
                                    wrote on last edited by Eiszeit
                                    #20

                                    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

                                    1 Reply Last reply
                                    0
                                    • mariusjopenM Offline
                                      mariusjopenM Offline
                                      mariusjopen
                                      Global Moderator
                                      wrote on last edited by
                                      #21

                                      Dear @Eiszeit
                                      how do you want it to look like?

                                      Best!

                                      Marius

                                      www.mariusjopen.world

                                      1 Reply Last reply
                                      0
                                      • arminunruhA arminunruh

                                        Hey guys!

                                        Doing submenus is easy with some custom css!

                                        For example on the nadine göpfert website we did it:

                                        http://nadinegoepfert.com/

                                        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;
                                        }
                                        /**/
                                        
                                        D Offline
                                        D Offline
                                        Didgeroo
                                        wrote on last edited by Didgeroo
                                        #22
                                        This post is deleted!
                                        1 Reply Last reply
                                        0
                                        Reply
                                        • Reply as topic
                                        Log in to reply
                                        • Oldest to Newest
                                        • Newest to Oldest
                                        • Most Votes


                                        I also code custom websites or custom Lay features.
                                        💿 Email me here: 💿
                                        info@laytheme.com

                                        Before you post:
                                        1. When using a WordPress Cache plugin, disable it or clear your cache.
                                        2. Update Lay Theme and all Lay Theme Addons
                                        3. Disable all Plugins
                                        4. 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:
                                        1. Post a link to where the problem is
                                        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                                        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                                        Online Users
                                        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                                        laytheme.com
                                        • Login

                                        • Don't have an account? Register

                                        • Login or register to search.
                                        • First post
                                          Last post
                                        0
                                        • Recent
                                        • Tags
                                        • Popular
                                        • Users
                                        • Search