[Resolved] removing the search icon and search box from mobile header

Home Forums Support [Resolved] removing the search icon and search box from mobile header

Home Forums Support removing the search icon and search box from mobile header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2350075
    qpaq

    Hi,
    I couldn’t find a way to remove the search icon and box from the mobile header. I’m using Mega Menu and I was able to centre it on mobile devices, but I would like to remove the search option as the search box is too narrow to write anything in it.

    #2350148
    Fernando
    Customer Support

    Hello Qpaq,

    Try adding this in Appearance > Customize > Additional CSS:

    @media (max-width: 768px) {
        span.menu-bar-item.search-item {
            display:none;
        }
    }
    #2350254
    qpaq

    Thanks, Fernando but this didn’t solve it.
    I’ve tried the following as well (after inspecting it from the chrome developer’s tab) but it didn’t work either. However, when I write display:none on the inspector it works well. Couldn’t resolve it even though I’ve cleared the caches.

    @media (max-width: 768px) {
    	span.main-navigation .menu-bar-item.search-item{
            display: none;
    	}}
    #2350256
    Fernando
    Customer Support

    It’s most likely not working because there’s a syntax error somewhere in your Additional CSS. Try using http://csslint.net/ to check. Make the necessary corrections and test again.

    #2350260
    qpaq

    Great, thank you. A rebrace was needed in one of the previous lines. That resolved the issue.

    #2350262
    Fernando
    Customer Support

    You’re welcome Qpaq!

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