Mobile Search bar gone!

[rideralberta]

The Ajax search bar appears in a desktop browser, but not in the mobile browser. I can’t figure out why. It used to appear until after one of your updates (as we have not made changes to our site).

Note: within the menu of the mobile browser, there is a search function, but it is not Ajax’s.

[Ernest Marcinko]

Hi,

You have the following custom CSS rule active, which removes the search icon on mobile devices:

@media screen and (max-width: 1050px)
.site-navigation #search-icon {
    display: none;
}

This hides the search container menu element, looks like it’s a custom theme rule of some sort. If you remove that, the search icon will be visible again. If you don’t know where it’s coming from, you can either ask the theme developer, or try using this rule as well to override that:

@media screen and (max-width: 1050px) {
  .site-navigation #search-icon {
    display: block !important;
  }
}

[rideralberta]

That worked! Thank you sir!

[Author]

Posts