Return to previous page

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

This topic has 9 replies, 3 voices, and was last updated 2 years, 5 months ago ago by 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!

#328952 Copied Theme version: 8.2.2

8 Answers

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.

#328964 Copied

Hostelion Digital

Participant

July 23, 2022 at 20:08

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

#330344 Copied

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

#330364 Copied

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.

#330366 Copied

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

#330367 Copied

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

#330389 Copied

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

#330400 Copied

Hostelion Digital

Participant

July 25, 2022 at 09:48

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

#330411 Copied
Tagged: add search, best selling themes, mobile version, search bar, seo friendly, woocommerce
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection