mobile search

1.I have in my mobile header 2 blocks,
the first in the search by woodmart, I would like to make the result wider attached screenshot.

2. i added this code to change border and color for the search block in desktop, what will be the code for mobile device ?

3. where is the single product page file located/name ,I would like to add some php to it.

thank you 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Please please, provide your site admin access to the private area.

Please confirm the permit for us to deactivate the plugins not related to the theme and switch to the parent theme for the while of checking what may take up to 15 minutes. Please make the full backup of your site.

Best Regards

Hi,

Hello,

The screen you show looks strange I wanted to check the reason.

1. The search element can be full-width, you can find the option in the Search element.

2. You need to add the same code to the CSS > Mobile.

3. You would better to add all the PHP snippets to the child theme to serve the changes after each update.

Best Regards

1. can you be more specific where to change the width of the search results, I cant find it.
2. i did add this code and its not working. any other idea. ?

Hello,

The search form is responsive, you can change the flex row width to change the width of the wrapping column and it would narrow the search: https://xtemos.com/docs/woodmart/header-builder/header-rows-flex-layouts/

You can change the layout in the row settings: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

I cannot help without site URL and screen of what you want to change.

Best Regards

[Author]

Posts