Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #521850

    So I was having issues with my menu items running into my logo in the header. To resolve this I used the following Quick CSS code to move the menu items down.

    .av-main-nav > li > a > .avia-menu-text {
    position: relative;
    top: 25px;
    }

    This also raised another issue with the alignment of the Search Icon, is there a code snipit that I can plugin to the CSS to move it down as well?

    Thanks,
    Jason

    #521859

    Hi jpdietz!

    Instead I think it would be better to have the menu switch to the responsive version when it runs into the logo. You can increase this in Dashboard > Enfold > Header > Mobile Menu. Or we can give you some CSS to increase it even further.

    Or if you just want to move the menu around via CSS then send us a link and we’ll take a look.

    Regards,
    Elliott

    #521922

    Thanks Elliot, I already tried this without any success, the menu items run into the logo on the left. Is it possible to move the icon for the search down like I asked?

    Thank you,
    Jason

    #522165

    Hi Jason,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #523283

    see private content

    #523914

    Hey!

    use this code to move it down:

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    position: relative;
    top: 25px;
    }
    

    Cheers!
    Andy

    #557228

    Perfect! Thank you Andy!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Align Search Icon with Menu Icon’ is closed to new replies.