Change search bar height (mobile) and ..

[chocolemon]

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 1 year, 1 month ago by chocolemon.

Attachments:

You must be logged in to view attached files.

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

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;
} 

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