Home New Guten › Forums › WoodMart support forum › Change search bar height (mobile) and ..

Change search bar height (mobile) and ..

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 9, 2023 at 2:59 am #458426

    chocolemon
    Participant

    Hi,

    1. how can I change the search bar height for mobile ? I tried to override the CSS using Custom CSS > Custom CSS for mobile, but it doesn’t override it.

     .wd-header-search-form-mobile .searchform {
  --wd-form-height: 61px;
}

    2. How to make spacing between main-page-wrapper gap not too high between the search form and main content ? i tried to override the padding-top to 0px for main-page-wrapper but it looks like it will conflict with the product detail page, the breadcrumb-link will be hidden if I decrease the padding-top of main-page-wrapper.

    thank you

    • This topic was modified 2 years, 4 months ago by chocolemon.
    Attachments:
    You must be logged in to view attached files.
    April 10, 2023 at 4:23 am #458539

    Elise Noromit
    Member

    Hello,

    First of all, you need to increase the row height, otherwise, the CSS would not work: https://xtemos.com/docs-topic/header-rows-and-columns-configuration/

    If you have any questions please feel free to contact us.

    Best Regards

    April 14, 2023 at 3:56 am #459559

    chocolemon
    Participant

    Hi Elise,

    thanks for your reply. really appreciate it.
    I’ve tried increasing the height from the configuration page and applying this CSS, but still it’s overridden by the original style. or maybe I apply the wrong CSS class?

     .wd-header-search-form-mobile .searchform {
  --wd-form-height: 61px;
}
    April 15, 2023 at 1:36 am #459771

    Elise Noromit
    Member

    Hello,

    Please remove all the custom CSS and save it separately, and insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)