Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 12, 2018 at 6:31 pm #925641
    dweddell

    Hi

    I positioned the main menu down from the top to align with the logo a website. This works fine, however, I notice that the spacing on the sub menu is out not right. Can you provide some guidance to make the sub menu the default settings and leave the main main menu as is?

    kind regards

    Duncan

    March 12, 2018 at 6:45 pm #925649
    Jordan Shannon

    Hey dweddell,

    Do you mean the spacing between the links? Can you add a screenshot of the issue you are seeing?

    Best regards,
    Jordan Shannon

    March 12, 2018 at 6:59 pm #925658
    dweddell

    Hi Jordan

    Basically, I’m looking to have the dropdown looking identical whether viewed with fill height header or shrunken header. I want the full header sub menu to be the same as the shrunken header – this make sense?

    I’ve added the following code to move the main menu down, but this seems to be affecting the sub menu too

    @media screen and (min-width: 990px) {

    #top .main_menu .menu li > a {
    padding-top: 22px !important;
    }

    #top #header.header-scrolled .main_menu .menu li > a {
    padding-top: 2px !important;
    }
    }

    March 12, 2018 at 7:11 pm #925662
    Jordan Shannon

    Hi,

    Thanks for sending the feedback. Please add the following to quick css:

    .header-scrolled .sub-menu a{
margin:20px 10px 0px 0px!important;
}

    Best regards,
    Jordan Shannon

    March 12, 2018 at 7:30 pm #925680
    dweddell

    Thanks Jordan, however it is the other way round I want it:)
    so that non scrolled sub menu is the same as scrolled..

    sorry for teh confusion

    March 12, 2018 at 7:33 pm #925682
    Jordan Shannon

    Hi,

    I see, please remove the css I gave you to get it back to the starting point and I will have another look.

    Best regards,
    Jordan Shannon

    March 12, 2018 at 7:46 pm #925691
    dweddell

    ok, code removed…

    March 14, 2018 at 8:59 pm #926831
    Vinay

    Hi,

    Please replace your code ( pasted above ) with this:

    @media screen and (min-width: 990px) {
  #avia-menu > li {
   padding-top: 22px !important;
}
}

    Best regards,
    Vinay

    March 21, 2018 at 5:00 pm #930673
    dweddell

    Brilliant!

    Many thanks for your help

    kind regards

    Duncan

    March 21, 2018 at 5:29 pm #930689
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sub menu spacing issue’ is closed to new replies.