Search Bar Does Not Show in Mobile Theme

  • edaghfal

    (@edaghfal)


    3 years ago

    On mobile and tablet view, I can’t see the search button in my header, even in the dropdown hamburger. On my desktop, it’s the farthest right button on the header, just after the subscribe button. But on mobile/tablet, the subscribe button is the last one and the search button doesn’t show up.

    I have free Astra and I use WP Google Search.
    I tried to read past threads on this, but I didn’t understand the responses, e.g. where to find the things stated that I should check.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @edaghfal,

    You need to add the Search element on the Mobile Header in order to have it shows up on Mobile.

    Please refer to this doc, if you haven’t done already, to know more how to create Mobile Header using the Header Builder.

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter edaghfal

    (@edaghfal)

    To clarify, that looks like the new Header/Footer. I’m still using the old Header/Footer, and I was hoping not to take the time to rebuild the whole Header/Footer for the site right now. Are you saying I have to use the New Header/Footer to see the search bar in the Mobile Header?

    Hi @edaghfal,

    I can confirm that the same thing is happening on my end. I am going to take it forward to our team. Thank you for bringing this to our attention and we are sorry for the inconvenience you may have because of this.

    In the meantime, as a workaround, you can enable the Take Last Item Outside Menu feature. If it is not an option for you and you would like to keep the Search Bar inside the Menu, please add the following CSS to your site

    .ast-header-break-point.ast-header-custom-item-inside .main-header-bar .main-header-bar-navigation .ast-search-icon {
    display: inherit;
}

@media(max-width: 921px) {
    .astra-search-icon::before {
        display: none;
    }
}

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter edaghfal

    (@edaghfal)

    Thank you for the help. I’m glad I’m not the only one ??

    You are most welcome @edaghfal. We will try to fix this ASAP.

    Kind regards,
    Herman ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Search Bar Does Not Show in Mobile Theme’ is closed to new replies.