Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2018 at 3:16 pm #917126
    tom

    Hi

    is it possible to disable the search button for mobile devices in the header but keep the search button enabled while in hamburger drop down menu.

    I have spent quite some time searching this forum but unfortunately could not find a good solution.
    So far I have disabled search button if width smaller 400px. But then there is No search in hamburger menue.

    Here is Quick CSS
    @media only screen and (max-width: 400px) {
    .responsive #top #wrap_all .menu-item-search-dropdown > a {
    display: none;
    }}

    Any hint appreciated.
    tom

    February 24, 2018 at 5:37 pm #917179
    Mike

    Hey tom,
    To have the search icon only show when the burger menu is open, Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item-avia-special#menu-item-search{display:none!important;  }
.responsive.av-burger-overlay-active #top .av-main-nav .menu-item-avia-special#menu-item-search {
    display: block!important; }
}

    Best regards,
    Mike

    February 25, 2018 at 12:46 pm #917349
    tom

    Thanx. The suggested Quick CSS works perfectly.

    The layout issue is that the search button gets too close to the logo on mobile devices.
    So it could be a good idea to offer a switch in future releases to offer the search icon only show when the burger menu is open.

    Br tom

    February 25, 2018 at 3:11 pm #917393
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.
    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Howto disable search button for mobile devices in header, but keep enabled …’ is closed to new replies.