Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Drop Down Menu Roll Over Opacity

    General Discussion
    2
    7
    53
    Loading More Posts
    • 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.
    • N
      Nemo last edited by

      Hello,

      I tried to code a dropdown menu since there is no option to do that.
      I figured a simple way would be to do 3 menus with the laytheme option, and hide it in css with "opacity:0;"
      And I would like menu 2 it to appear when I hover a section of the first menu, and then menu 3 when I hover a section of menu 2.
      But I can't get it to work.
      I can only make it work when I hover "body" like this, but the hover is on all the screen :

      body:hover nav.second_menu {
      opacity:1!important; }

      But when I try to aim a specific section of the menu to hover, let's say "Work", it doesn't appear. I'm not sure if I aim it wrongly, or if the problem is elsewhere ?
      For instance I tried like that but it doesn't react :

      body.type-page .nav.laynav.primary li .menu-item-17:hover nav.second_menu {
      opacity:1!important; }
      Or :
      div[data-title="work"]:hover nav.second_menu {
      opacity:1!important; }

      I'm not a developper so I don't understand a lot..

      Your help would be greatly appreciated ! Thank you !

      1 Reply Last reply Reply Quote 0
      • Richard
        Richard Global Moderator last edited by

        Dear @Nemo

        Would like to help :)

        Could you please post a link to your website and i can take a better look.

        Additionally,
        Is it possible to provide any example screenshots of what you are trying to achieve as just looking at code is sometimes difficult to imagine.

        Best wishes and let me know

        Sincerely
        Richard

        1 Reply Last reply Reply Quote 0
        • N
          Nemo last edited by

          Hello Richard !

          Thank you !

          Here is the link : www.melanie-lefebvre.com
          As you can see when you hover the website, 2 submenus appear. It's because for now I wrote it like this :

          body:hover nav.second_menu {
          opacity:1!important; }

          body:hover nav.third_menu {
          opacity:1!important; }

          I would like the second one to appear when you hover "Peintures" and the third one when you hover "Expositions".

          If it's not clear I can show you some .jpeg.

          I saw a lot of people trying to code some submenus, so it could be useful if we can manage it !

          Thank you so much !

          1 Reply Last reply Reply Quote 0
          • N
            Nemo last edited by

            Here are with screenshots :

            SITE-MEL4.jpg

            SITE-MEL5.jpg

            SITE-MEL6.jpg

            1 Reply Last reply Reply Quote 0
            • N
              Nemo last edited by

              I changed the Home page to UNDER CONSTRUCTION so to site the website you have to go there :
              www.melanie-lefebvre.com/infos

              Sorry about that.

              1 Reply Last reply Reply Quote 0
              • N
                Nemo last edited by

                Update :

                I managed to aim at the menus like that :
                (But not on a specific li of the menu)

                nav.primary:hover ~ nav.second_menu {
                opacity:1!important;
                }

                nav.second_menu:hover ~ nav.third_menu {
                opacity:1!important;
                }

                But well I'm not sure it can work this way actually...

                When I hover the first menu, the second one appear, and when I hover the second one the third one appear but the second one disappear... And when I hover the third one it disappear...

                Maybe that was a dumb way to try, I don't know... But I didn't find an easy way to do it in Laytheme...
                (I'm not a developper by the way haha)

                Let me know if you think something can be done this way.
                Thanks !

                1 Reply Last reply Reply Quote 0
                • Richard
                  Richard Global Moderator last edited by

                  Dear @Nemo

                  I apologise for the delay!
                  I wanted to follow up and see if any progress was made with this issue or if i can still help?

                  Thank you for using Lay Theme and have a wonderful day
                  Sincerely

                  Richard

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  Try this to fix issues before you post:

                  Use the Search Feature. Maybe there is already a solution to your issue.

                  1. Update Lay Theme and all Lay Theme Addons
                  2. Disable all Plugins
                  3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                  4. Now see if your problem solved itself
                  5. Go here, see if your problem is listed here:
                  Troubleshooting

                  When you post:
                  1. Post a link to where the problem is
                  2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                  Thanks!

                  Online Users

                  I
                  T
                  A
                  M
                  K
                  C
                  G

                  Recent Topics

                  • C

                    centred Carousel fixed width and proportions

                  • text underline

                  • open all links in a thumbnail grid in a new tab

                  • lazy loading affects project thumbnail mouseover images

                  laytheme.com