Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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 9.8k Views 3 Watching
  • 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.
  • mariusjopenM
    mariusjopenM
    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
      arminunruhA
      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
        rothkuoR
        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
          arminunruhA
          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
            E
            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
              F
              FredL
              wrote on last edited by
              #13
              This post is deleted!
              1 Reply Last reply
              0
              • mariusjopenM
                mariusjopenM
                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
                  F
                  FredL
                  wrote on last edited by
                  #15
                  This post is deleted!
                  1 Reply Last reply
                  0
                  • M
                    M
                    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
                      mariusjopenM
                      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
                        D
                        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
                          mariusjopenM
                          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
                            E
                            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
                              mariusjopenM
                              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
                                D
                                Didgeroo
                                wrote on last edited by Didgeroo
                                #22
                                This post is deleted!
                                1 Reply Last reply
                                0

                                Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                With your input, this post could be even better 💗

                                Register Login
                                Reply
                                • Reply as topic
                                Log in to reply
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes


                                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