How can I add a Search Bar for Mobile Version of the theme?

This topic has 9 replies, 3 voices, and was last updated 1 year, 8 months ago ago by Hostelion Digital

  • Avatar: Hostelion Digital
    Hostelion Digital
    Participant
    July 5, 2022 at 21:29

    Dear 8Theme,

    Kindly please let me know how can I add a Search Bar for Mobile Version like this one: https://prnt.sc/_hJ1l58TmgrI

    Thank you in advance!

    8 Answers
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    July 6, 2022 at 06:06

    Hello, @Hostelion Digital,

    If you are using a header builder type of header in your site then you can make it by going on to the header builder and choosing the mobile layout then setting the search bar widget and setting it on your header as you can see in this image: https://postimg.cc/w7K0gNgs

    Also, if you are using a pre-build header you can choose the header layout for mobile as per your need see image: https://postimg.cc/Yhnhpgmz

    Regards 8Themes Team.

    Avatar: Hostelion Digital
    Hostelion Digital
    Participant
    July 23, 2022 at 20:08

    Worked for mobile, but how can I do this for desktop ? Thanks a lot!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 24, 2022 at 07:38

    Hello,

    Theme Options > Header builder > Search > select the desired type and change settings depending on your needs.
    If this is not what you are looking for, describe your request in more detail.

    Regards

    Avatar: Hostelion Digital
    Hostelion Digital
    Participant
    July 24, 2022 at 08:33

    Hello Rose,

    Thank you for your fast reply!

    For mobile your solution did work and thanks for that.

    However I’d like to have the same thing also for Desktop: a large search bar like on mobile. Can you kindly please guide me as I tried also for Desktop but it didn’t work, maybe I did something wrong.

    Kind Regards.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 24, 2022 at 08:39

    Hello,

    As was mentioned you need to select try for search – https://prnt.sc/-TJoabYLgb-f and place it in header like that – https://prnt.sc/P_JRGhZRZCt3

    Regards

    Avatar: Hostelion Digital
    Hostelion Digital
    Participant
    July 24, 2022 at 21:06

    Hello,

    Thank you!
    But I want this to be full search bar on Desktop (https://prnt.sc/B-aniz1WsE3W) like on Mobile (https://prnt.sc/Jroe5bMnD9hn).

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 25, 2022 at 06:37

    Hello,

    Theme Options > Header builder > Search > Search By Category > Off. Header builder > Bottom header > Full-Width Header > On

    Regards

    Avatar: Hostelion Digital
    Hostelion Digital
    Participant
    July 25, 2022 at 09:48

    Hello, Perfect! Thanks a lot! That worked – Topic Solved!

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘How can I add a Search Bar for Mobile Version of the theme?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.