Support » Theme: Astra » How to move search bar to top

  • How can I move search bar on top when viewing site on mobile?
    Right now it appears very below and user has to scroll to see it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @techman,

    You can check the Take Last Item Outside Menu checkbox instead. Please refer to this screenshot.
    
    I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman 🙂

    Thread Starter TechMan

    (@techman)

    Thanks for the quick response. The solution works but it introduces another problem as now the “cart” icon is gone.
    Previously I had “Woocommerce” select as last item which displays “cart” icon. Now that I have set search as last item, the cart icon is gone.
    Is there a way to keep cart icon at 2nd last position just before search?

    Hi @techman,

    I am not sure how you managed to have both the search field and mini-cart icon as the Last Item in Menu as adding those elements using shortcodes will not work on the Astra free. However, soon, the scenario you try to achieve could be done easily using Astra Header Footer Builder.
    
    Kind regards,
    Herman 🙂

    Thread Starter TechMan

    (@techman)

    No I did not have both cart and search in menu. Before that I was only using cart icon and I didn’t know I can also use search which I did after this post and now cart icon is gone.

    Hi @techman,

    I thought the query was only how to move the Search Bar to the top on mobile?

    If you are using the Astra free, as of now, you can’t have two elements in the Last Item as Menu. You can try to pick Widget, but I don’t think there’s a widget to show the mini-cart.
    
    Kind regards,
    Herman 🙂

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