I would like to change my header.

Good day

I would like to change my header.
I made the header dark at the bottom. That looks great on desktop. However, with Mobile the search bar is moved to the lower header. I want the header bottom on mobile to be light and not dark. But I can’t stop that. How can I solve this? I tried using CSS, but then everything is gone because the search bar is also white and everything else too 🙁

Screen: https://1drv.ms/u/s!Avh15lbcnx7fguUYWe6MgWk13rPbbw?e=qugble
Many thanks:-)

Viele Dank:-)

Hello,

Please describe how you would like to change the header on mobile and send your site admin access. I will check.

Best Regards

I would like to change the header “New Header 2021” as follows for mobile only:

Header bottom: Background: white / Text color scheme: Dark

Many thanks for your help.

Hello,

Please switch to the mobile view of the header: https://xtemos.com/docs/woodmart/header-builder/header-responsive-settings/

Then set the colors and color scheme in the row settings: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

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

Best Regards

It’s not working. If I change the header for Mobile, it is also changed in the desktop.

Why can a normal user answer other support requests? If it’s not good for me to help someone, how is it possible to answer as a user :-)? I didn’t ask anyone to give the admin access, only the URL of the shop address. Ok, I won’t write anything in the future.

Hello,

Please add this code to the Page settings of the pages, where you are going to set this header:

body .whb-color-light .wd-tools-element > a,
body .whb-color-light .search-style-default input[type=text],
body .whb-color-light .search-style-default .searchsubmit {
    color: red;
}
body .whb-color-light .search-style-default input[type=text]{
border-color: red;
}

body .whb-color-light .search-style-default input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: red;
}
body .whb-color-light .search-style-default input[type=text]:-ms-input-placeholder { /* IE 10+ */
    color: red;
}
body .whb-color-light .search-style-default input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: red
}
body .whb-header-bottom {
    background-color: yellow;
}

Replace the color as per your needs.

Best Regards

RE:

Why can a normal user answer other support requests? If it’s not good for me to help someone, how is it possible to answer as a user :-)? I didn’t ask anyone to give the admin access, only the URL of the shop address. Ok, I won’t write anything in the future.

It is ok when you write to other users if you wish. When you write how and where to find an option in the Theme Settings, It is excellent! You write it quickly and the user can find the option instead of waiting for my response. I will write in any case, by your reply is helpful in such cases.

In cases, if you want to help and need more information, like, site URL or other, please miss such topics, most likely user has provided all the information in the private area, visible for the team only. And when you request the information, the topic goes top, and the user has to wait longer for the help. It is not good.

Hope for understanding.

Best Regards

[Author]

Posts