Boost Theme Issues: Search Bar and Mobile Display

Technical Q&A
1

Hi Everyone

We are working with a theme ( Boost) some of which we customised with a developer to adapt to our look and feel, and some areas that we needs to allow us to sell. The developer is no longer working with us, and we can’t seem to be able to change the font colour in the search toolbar. It is currently showing black on black, so users can’t see what they are searching for. We would like to change this to white on black, but can’t seem to figure out the where the customisation tool is the theme framework. Would appreciate any knowledge or ideas on this.

Similarly we are having issues with the Mobile version of Boost, as the images on mobile devices are not responsive and will not adapt to mobile screens, does anyone else have this issues with mobile? If so how did you overcome this. We noticed our traffic is down and bounce rate is up, because of the display not optimizing for mobile.

Thanks everyone!

2

Please share your store URL

3

Hi @Shop_Lovers

Store details here https://musenki.co.uk/

4

Oh man this needs lots of work to fix the mobile layout.

5

Use Below CSS

.boost-pfs-search-suggestion-header-view-all a, .boost-pfs-search-suggestion-item a {
    color: #000 !important;
}

.boost-pfs-search-suggestion-mobile .boost-pfs-search-suggestion-item {
    background: none !important;
}

Hit Like and Accept as Solution

6

Hi and welcome!

To resolve your search bar issue, head into your custom.css file and search for the following code:

.boost-pfs-search-box {
    color: #000;
}

change ‘#000’ to ‘#fff’ this will change the text in the search to white for you.

From what I can see, the images seem to be fine for myself, but please post an image/url for the page having issues with the images.

7

Thanks for the heads up, appreciated. I’ll give this a try now. Also, will drop you an image file for your expert eye to look over.

8

Thanks for your support and help on this, I have looked at the boost.pfs search suggestion but there does not seem to be a filename that matches, could this be under something else?

Also, thanks for your input on the mobile side of things, could you give an indication of what’s missing or need adapting, changed here to bring it up to speed?

9

Thanks WoodyDev. I appreciate it, as per my note to some of the others community members who answered, I can’t seem to find that in the custom css. I think the developer we initially asked to help had his own methods and there does not seem to be a file or similar tag with that name… anything else that might be listed under?

10

Hi!

That is the file it mentioned when I inspected the element, if you would like, you can provide your STORE.myshopify.com link and I will request collaborator access to take a look for you.

11

Thanks so much, please go ahead and request collaborator, keen to get this fixed.. details of the store here : https://musenki.myshopify.com

12

Perfect!

I just need the collaborator request code which I would recommend sending me in private message :slightly_smiling_face:

13

Drop me your email and I can send you a note, thanks Woody.

14

You’re very welcome!

its info@woodydev.me but my provider seems to be having issue so I may not see it straight away