Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 20, 2015 at 5:12 pm #521850
    jpdietz

    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

    October 20, 2015 at 5:22 pm #521859
    Elliott

    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

    October 20, 2015 at 6:05 pm #521922
    jpdietz

    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

    October 21, 2015 at 8:20 am #522165
    Rikard

    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

    October 22, 2015 at 8:32 pm #523283
    jpdietz

    see private content

    October 23, 2015 at 3:40 pm #523914
    Andy

    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

    December 23, 2015 at 10:39 pm #557228
    jpdietz

    Perfect! Thank you Andy!

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