Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1404468

    Dear members of the support forum,

    At the moment, I’m creating a website on this domain:
    https://www.maartenontwerp.nl/dev-soleus/

    Pages are set to have a transparent header.
    In the top menu, there is a menu item called “Behandlinger”. When you hover over this, submenu items will appear. But they are too low for my taste: the gap between the word Behandlinger and the sub menu is too big. Is there a way to move this “box” of links up?
    When you scroll, the menu bar becomes slimmer, so after that the submenu is in a good position.

    #1404514

    Hi pelgrimrat,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top .av-main-nav .sub-menu {
        margin-top: -50px;
    }

    Just adjust the value as you see fit.

    Best regards,
    Nikko

    #1404930

    Hi Nikko,

    Thanks for your reply.
    I have tried your code, but I only want the submenu to move up AFTER I scroll, so when the menu bar becomes narrow.
    I don’t know how to target this situation with CSS.

    Best regards,
    Maarten

    #1405109

    Hi,
    To move the menu sub-menu box up only before scrolling try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av_header_transparency .av-main-nav .sub-menu {
        margin-top: -50px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1405345

    Hi Mike,

    Perfect! Thank you so much!

    Best regards,
    Maarten

    #1405361

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Move sublevel links up before scrolling’ is closed to new replies.