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

    Hello,
    I have a site that has a drop down menu, but I have a big round logo. This means that the drop down menu sits a good far away from the main nav and I want to move it up. Is this possible?
    Example here:
    nav issue

    • This topic was modified 6 years, 11 months ago by pistachiouk.
    #891345

    Hey pistachiouk,

    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

    
    @media only screen and (min-width: 990px) {
      #top #header.av_minimal_header .main_menu ul:first-child >li > ul.sub-menu {
        top: 135px;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #891541

    Thanks very much – works well.

    Only problem is when I scroll down the page it moves, back to its original position.

    Any ideas on how I can fix this?

    #891631

    Hi pistachiouk,

    The whole code should be like this:

    
    @media only screen and (min-width: 990px) {
      #top #header.av_minimal_header .main_menu ul:first-child >li > ul.sub-menu {
        top: 135px;
      }
      #top #header. av_minimal_header.header-scrolled .main_menu ul:first-child >li > ul.sub-menu {
        top: 105px;
      }
    }
    

    But there is a weird sign adde to the header class, so the code might not works as expected.
    Image 2017-12-22 at 16.46.53.png

    Best regards,
    Victoria

    #896499

    That works perfectly – thanks so much!

    #896825

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.