Header bottom background

I only want the background for header bottom to show on mobile but when I select it on mobile it automatically comes over to desktop. How can I fix that so that there can be different background options for mobile and desktop. The header bottom on Desktop should not have a background but the header bottom on mobile should.

Attachments:

You must be logged in to view attached files.

Hello,

Just add the code below to the Mobile CSS area in Theme Settings -> Custom CSS to make the bg color only for mobile. Also, remove the bg color from the settings in the header builder.

Clear the cache and check how it works.

.whb-header .whb-header-bottom {
    background-color: rgba(255, 204, 0, 1);
}

Kind Regards

[Author]

Posts