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

    Hey there,

    I just realized that on my page the search icon in the horizontal menu isn’t shown any longer. I don’t know when and why it disappeard, and I also have no idea how to get it back. (Screenshot of the problem)
    Do I have to change some settings or stuff? Could you please have a look at my page?

    Thanks in advance for your help!
    Best regards,
    Jamie

    #925884

    Hey ping-pong,

    You have this CSS in your child theme:

    #menu-item-search, .av-burger-menu-main {
        display: none !important;
    }

    Please remove it and it should come back after that.

    Best regards,
    Rikard

    #926340

    Hey,

    you’re right – when I remove the code the search icon comes back. But then it’s also visible in the mobile version where I don’t want to show it. (see screenshot)
    Is there any way to only have the search icon in the desktop version and remove it for the mobile one?
    Some time ago it worked like this with the code that now also prevents the icon to show on desktop.

    Best regards,
    Jamie

    #926487

    Hi Jamie,

    Please try this instead of your previous code:

    @media only screen and (max-width: 767px) {
    #menu-item-search, .av-burger-menu-main {
        display: none !important;
    }
    }

    Best regards,
    Rikard

    #928540

    Hi Rikard,

    your code works for the search icon.
    But on the top of the page I now have a grey area plus my header doesn’t move anymore (meaning it stays fixed). I attached two screenshots where you can see the issue – grey area and staying header
    What can I do so that the page’s layout isn’t broken when the search icon is shown in desktop but not in mobile view?

    For now I went back to the code where the search icon is also shown in the mobile version.

    Best regards,
    Jamie

    • This reply was modified 6 years, 9 months ago by ping-pong.
    #928651

    Hi,

    Thanks for the screenshot, though I can’t reproduce either of those results on my end using Chrome. Did you try to clear your browser cache and reload the page?

    Best regards,
    Rikard

    #928730

    Hi,
    I cleared the cache and reloaded the page. Both results happen also when I use Chrome instead of my default browser Firefox. I changed the code back to the one that functions, so perhaps that’s why you couldn’t reproduce either of the results?

    Now in my Quick CSS there is

    /* MOBILE  */
    #mobile-advanced, .av-burger-menu-main {display: none !important; }
    
    /* NOT WORKING CORRECTLY
    @media only screen and (max-width: 767px) {
    #menu-item-search, .av-burger-menu-main {
        display: none !important;
    }
    } */

    It works but the search icon is shown in mobile version.
    When commenting out the first code block and activating the second, the search icons are shown correctly (meaning it’s shown in desktop version but not on mobile) but the issue from the earlier screenshots happen.

    Best regards,
    Jamie

    • This reply was modified 6 years, 9 months ago by ping-pong.
    #928936

    Hi,

    Thanks for the feedback, what I’m seeing on my end is in the image in private. Is that what you see as well?

    Best regards,
    Rikard

    #929054

    Hi,
    right now that’s exactly what I see too. But in the mobile view (or when you reduce the size of the browser window) then there’s the search icon visible what shouldn’t be there.
    As soon as I use the code you provided, the search icon disappears but then there’s this grey bar and the header is fixed (as shown on the last two screenshots I’ve send you).

    Best regards,
    Jamie

    #929540

    Hi Jamie,

    Thanks for the feedback. I took the CSS I gave you and removed the comments around it, and put it on the top of your Quick CSS. I can’t see the issues happening like in your screenshot when I update the site. I checked in an incognito window as well, so I was not getting cached results. Could you have a look on your end as well please?

    Best regards,
    Rikard

    #932627

    Hi Rikard,
    now it looks as it should – thank you very much! :)
    Best regards.

    #932859

    Hi,

    Glad that we are able to help :) Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Search Icon missing in horizontal menu’ is closed to new replies.