Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #486662

    Hello
    I would like to show the ajax search box also on the mobile Version of Enfold Theme.
    Any hints on how this could be accomplished?

    Thanks

    #486955

    Hi Fine,

    Try adding the following to Quick CSS:

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

    Regards,
    Rikard

    #488387

    Hi Rikard

    thanks for your support – unfortunately the search is still not visible….
    May I ask you to take a look?
    Please see Private Content for further Information.

    Regards
    Reto

    #488933

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
    .avia-menu.av-main-nav-wrap {
        display: block!important;
    }
    li#menu-item-search {
        right: 100px;
    }}

    Nice website by the way :)

    Best regards,
    Yigit

    #489069

    Sorry, still doesn’t work.
    Does it make a difference if I put the code into custom.css or to Quick CSS?

    Thanks for your Support.

    Regards
    Reto

    #489301

    Hi!

    it should not make any difference, however I think Quick CSS might be the quickest and easiest solution right now. The code should be fine, so please try to clear browser cache and hard refresh a few times. Are you using any caching (plugin)?

    Best regards,
    Andy

    #489875

    Hi
    the cache doesn’t seem to be the problem. Could you check our site (info above under private data) ? Does it work four you, when you reduce the browser window size?

    Regards

    Reto

    #489935

    Hey!

    please provide us admin access so we can take a deeper look into it. Put the code into Quick CSS field, so we can check it. Post login details here as private reply.

    Regards,
    Andy

    #490080

    See private data.
    Thanks for your help.
    Regards
    Reto

    #491025

    Hi!

    I updated the code in your Quick CSS. Please review your website now.

    Regards,
    Andy

    #492042

    hello again

    Your support is great, the solution up to now unfortunately not so much. The result after your update of the CSS looks like this: : http://www.gruetter.me/search.png:

    The magnifying glass icon in mobile view is not aligned, the search box only half visible.

    Do you have any other idea how this problem could be solved? For example: would it be possible, to place the magnifying glass and search functionality to the top menu, right of “Wunschliste”?

    Regards
    Reto

    #492623

    Hey!

    You can add the search bar inside the mobile menu container. Please refer to this link: https://kriesi.at/support/topic/easy-slider-with-video-header-icon/#post-480687

    Regards,
    Ismael

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