Tagged: ,

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

    Hi there,

    Can you help me lift up the active menu indicator on my new website? In default it sticks to the title bar. I would like it to appear just below the menu item.

    Hope you can help me with this :-)

    Maaike

    #945861

    Hey maaikevk,

    Thanks for giving us the link to your site as well as the screenshot of what you want to achieve. :)
    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .current-menu-item > a > .avia-menu-fx {
        top: 105px;
    }

    Hope it helps :)

    Best regards,
    Nikko

    #947184

    Great Nikko, this helps :-)

    2 small things appear now. When you scroll the indicator lowers again. And when you hover over another item, the indicator is low aswell. (see screenshots.

    Is it possible to help me with these 2 questions?

    Maaike

    #947785

    Hi Maaike,

    Can you please remove that code and use the code below?

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top #header_main > .container .main_menu .av-main-nav > li > a {
      height: 110px !important;
    }
    #top #header.header-scrolled.header-scrolled-full #header_main > .container .main_menu .av-main-nav > li > a {
      height: 90px !important;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #948654

    Thank you Victoria.

    This works fine :-))

    Have a nice weekend :-)

    Maaike

    • This reply was modified 6 years ago by maaikevk.
    #948763

    Hi Maaike,

    Glad that we could help :)
    Please feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Active menu indicator position’ is closed to new replies.