Home › Forums › WoodMart support forum › mobile search

mobile search

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 13, 2021 at 8:14 pm #299507

    tlavi0412
    Participant

    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.
    June 13, 2021 at 9:52 pm #299529

    Elise Noromit
    Member

    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

    June 13, 2021 at 10:44 pm #299534

    tlavi0412
    Participant

    Hi,

    June 14, 2021 at 9:16 am #299614

    Elise Noromit
    Member

    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

    June 14, 2021 at 1:42 pm #299719

    tlavi0412
    Participant

    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. ?

    June 14, 2021 at 10:13 pm #299807

    Elise Noromit
    Member

    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
Viewing 6 posts - 1 through 6 (of 6 total)