Lay Theme Forum

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

    Drop-down menu doesn't cover the rest of the menu (one of the post category)

    General Discussion
    2
    3
    34
    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
      marynasakowska last edited by marynasakowska

      Hi,
      I have few questions about the drop-down menu.
      The main problem is:

      1. The drop-down menu doesn't cover the rest of the menu (one line):
        Screenshot (33).png

      The problem occurs only with one of the post category below, because the drop-down menu perfectly covers the rest of links to the normal pages, projects:
      Screenshot (27).png

      Second question: how can I make the font size in the drop-down menu different (smaller) than in the rest of the menu (main menu)? I have seen such post on this forum, but there was no sufficient answer to that problem.

      Third question: how can I determine the width of the drop-down menu (if I want the text to wrap, because it's too long)? I was trying with the width property but don't know where to put it.

      I use this custom code;

      nav.primary .sub-menu{
          display: none;
          position: absolute;
          right: -5px;
          top: 20px;
          background-color: black;
          padding: 20px;
          border: 1px black;
         
      }
      
      nav.primary .sub-menu li{
          display: block;
      }
      
      .menu-item:hover .sub-menu{
          display: block;
      }
      
      .menu-item-has-children{
          position: relative;
      }
      

      Thank you for your help in advance!

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

        Hello @arminunruh and @mariusjopen,
        now I think that problem could be solved if, after mouse clicking/mouse hovering on the particular category, the bottom rest of the menu will slide down (not like now, that the submenu/dropdown menu is covering the bottom rest of the meny). Is it possible to change this code somehow?

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

          Dear @marynasakowska
          Can you post a link to your website?
          We will then have a look and inspect that!
          Many wishes!
          Marius

          www.mariusjopen.world

          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
          E
          H
          A

          Recent Topics

          • A

            Designer Websites for free Lay Theme.

          • A

            Broken images

          • A

            Image hover -> Image on image

          • D

            Projects private / public

          laytheme.com