Desktop vs. mobile – header bottom – background color

Hello,

I am trying to change the background color of the “header bottom” on mobile (header builder) – i have a search bar in there.
But everytime i change the color it also changes the color for desktop (which i have a menu there).

Thank you,

Hello,

Please provide the correct login URL I will provide custom CSS.

Best Regards

Whats wrong with the URL, it opens fine for me?

Hello,

Please disable the blocking plugins and configurations https://prnt.sc/roazpv

Best Regards

It says it’s blocking you country for security reasons. Where are you coming from or what is your IP so i can unblock you?

Hello,

My country is Ukraine and ip is 5.248.118.5

Best Regards

Try it now.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile/Tablet:

.whb-header-bottom {
    background-color: red;
    border-color: red;
}

Best Regards

Thank you for the code. Is this a bug in the header builder ?

Hello,

This is the way it works. Mobile and Desktop version is different in the set of elements you add. At the same time settings are the same for both.

Best Regards

Hello,

I’ve noticed that this code doesnt work, can you please take a look?

Hello,

Replace the code with this one:

body .whb-color-light:not(.whb-with-bg) {
    background-color: red;
}

Best Regards

Thank you for the quick answer.

So… i’ve put this code into css->mobile and it does nothing.
I’ve then also put it in mobile-landscape field and it works.

However if i put my phone in landscape (xiaomi mi9t pro) it also does nothing. I’ve also put the code in tablet (just for test – i don’t have a tablet) it’s the same. So as i can see it only works in non landscape mode.

Hello,

Insert the code in all: tablet, landscape, movie, and check.

Best Regards

Hello,

I’ve put the code in mobile, landscape, tablet and desktop (not sure where is “movie” you probably meant mobile). So i’ve put it in dekstop and the landscape now works.

This is strange to me – why would desktop be conected with mobile landscape?

Hello,

You have set:

body .whb-color-light:not(.whb-with-bg) {

    background-color: #F7F7F7;

}

And it shows the same: https://gyazo.com/c7c0ffdc0cab33e378e2b9820d1c59e1

Try “red” just for testing or any other contrast color.

Best Regards

[Author]

Posts