Tagged: , , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 30, 2014 at 11:51 am #343346
    osckarl

    Hey people,

    I’d like to have the search visible on mobile as well. I’ve tried a few solutions here from the forum, e.g. https://kriesi.at/support/topic/search-box-in-mobile-responsive-menu – but I’m pretty sure things have changed with Enfold 3+ so I can’t seem to get anything to work. Could you please assist?

    Many thanks

    October 31, 2014 at 5:40 pm #344181
    Yigit

    Hi osckarl!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
.responsive #header .main_menu ul, .main_menu, #header_main_alternate {
display: block;
}
#top #menu-item-search {
display: block;
margin-top: -90px;
}
.av-main-nav > li { display: none; }}

    Regards,
    Yigit

    November 3, 2014 at 9:53 pm #345539
    osckarl

    Didn’t look awesome I’m afraid Yigit, the entire menu was visible and positions were off. Any other ideas?

    November 5, 2014 at 2:03 pm #346497
    Ismael

    Hey!

    Menu items should be hidden. Replace the code with this:

    @media only screen and (max-width: 767px) {
#top #menu-item-search {
display: block;
position: absolute;
right: 120px;
margin-top: -80px;
}

.responsive #header .main_menu ul, .main_menu, #header_main_alternate {
display: block;
}

.av-main-nav > li { display: none; }
}

    Best regards,
    Ismael

    November 7, 2014 at 1:12 pm #347692
    osckarl

    Hi again,
    Same problem still, this is the result with the above code:
    https://www.dropbox.com/s/ashkmpzy9pac0lc/IMG_7344.PNG?dl=0

    November 8, 2014 at 12:41 pm #348130
    Ismael

    Hi!

    I’m sorry but it works well on our installation. Please give us admin rights, we’ll add it for you.

    Regards,
    Ismael

    November 10, 2014 at 3:58 pm #348814
    osckarl
    This reply has been marked as private.
    November 11, 2014 at 11:23 am #349262
    Ismael

    Hey!

    You can check the site now. The search icon is added beside the mobile menu toggle.

    Regards,
    Ismael

    November 18, 2014 at 5:19 pm #353080
    osckarl

    Thanks! Please close this.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Search in hamburger-menu (top) on mobile only’ is closed to new replies.