Lay Theme Forum

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

    submenu overwrites main menu

    Bug Reports
    3
    6
    63
    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.
    • M
      maxmanavi last edited by

      hey everyone,

      I have problem with a submenu on a site I created for a friend. I followed the instructions in on forum article I found adding css to create a submenu: it worked but now the submenu overwrites the main menu, as you can see here on the Artwork menu subject:

      http://www.martharuess.com

      Can anyone help?

      Thanks a lot in advance, best
      Max

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

        Dear @maxmanavi
        you mentioned that you followed some instructions. Where did you have a look?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • M
          maxmanavi last edited by

          hey marius,

          I followed this post:

          http://laythemeforum.com:4567/topic/161/sub-menus-dropdown-menu/4

          But int he vertical Menu, once the submenu appears it overwrites the next menu item if you know what I mean? I added more space between the menu items, but that's not really a good option. I would love to have the submenu item push down the items below it once you hover, if you know what I mean?

          thank you in advance, best
          Max

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

            Dear @maxmanavi

            I believe i understand what you are trying to achieve, but correct me if i am wrong :)

            When you hover on a main menu title e.g "Artwork"
            You wish that the sub menu: "broken but beautiful" pushes the 3 menus below downwards a bit, so that there is a nice space for the sub menu to sit in?

            Because the Submenu appears only when hovering over "Artwork" you are can use this same 'hover' action to add the distance you wish as well.

            With Custom CSS you can make the Menu "ARTWORK" have a larger spacing when you hover over it, and the normal distance when you are not hovering.

            there is a CUSTOM CSS area provided by lay Theme.

            In the Wordpress menu bar under "LAY OPTIONS"
            you will see CUSTOM CSS & HTML

            There you will be able to add some CSS code to space out your sub-menus when you hover:

            If you are unfamiliar with the basics of CSS in may help you greatly to follow this

            http://laytheme.com/documentation.html#custom-css-styling

            Screen Shot 2020-07-14 at 12.43.56 PM.png

            As you can see each menu- "Menu-item" has a number in this case "artwork" can be called as .menu-item-110

            You can add Custom CSS to .menu-item-110 so that when you hover over it -
            a padding-bottom of 10px or 1.5vh gets added to the element.

            when you move away the padding disappears along with the sub-menu.

            
            .menu-item-110:hover {
            
            padding-bottom : 10px;
            
            }
            

            You can apply the same rules to the other menu-items as you wish just by addressing their specific number eg. .menu-item-92 for "OBJECTS"

            It should be noted that their a cleaner ways of coding & addressing menu-item's
            however for your purposes i hope this helps you and provides a simple solution

            Let me know if this was way off what you needed

            Best wishes
            Rich

            1 Reply Last reply Reply Quote 0
            • M
              maxmanavi last edited by

              thank you very much Richard, it worked like a charm ;)

              all the best
              max

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

                Dear @maxmanavi

                Awesome!

                Many wishes!
                Rich

                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

                T
                G
                I
                A
                M
                K
                C

                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