Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 19, 2016 at 7:14 pm #726211
    boemedia

    Hi,

    On a website I designed in spring this year, the search icon is not displayed on mobile. It’s part of the main menu, but I rather have it separated from the hamburger, instead of being part of the mobile menu.

    How can I display it on mobile again?

    December 19, 2016 at 8:11 pm #726244
    Yigit

    Hey boemedia!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1024px) {
#menu-item-search, nav.main_menu {
    display: block;
}
.av-main-nav > li { display: none; }
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    December 20, 2016 at 8:25 pm #726754
    boemedia

    Hi Yigit,

    It does display on ipad now, only in a very ugly way. No sign of the icon on mobile phone though.

    KR
    Monique

    December 21, 2016 at 7:44 am #726924
    Rikard

    Hi Monique,

    Please try the following as well:

    @media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu {
  display:block !important;
}
#advanced_menu_toggle {
  right:30px !important;
}
}

    Best regards,
    Rikard

    February 16, 2017 at 2:09 pm #747956
    boemedia

    Hi Rikard,

    Only just got round to implementing this. So it is visible now, but looks very ugly… What would be a good way of providing decent search on mobile? I’m not to pleased with this solution…

    February 16, 2017 at 2:39 pm #747968
    Yigit

    Hey!

    You can alternatively refer to this post – https://kriesi.at/support/topic/search-bar-4/#post-669950

    Best regards,
    Yigit

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