header elements background colors

In the header section, we can create a separate design for mobile and desktop. However, when we change the background color of each header element (Top bar, Main header, and Header bottom) in the mobile header, the background color of the desktop header also changes to the same mobile background color. How can I overcome this issue?

Hello,

Can you please share the page URL so I will check and give you a custom CSS code?

Best Regards

medshow.net

I want the desktop main header background color to be #0e0e96 and the mobile main header background color to be white. Another issue is that when I click the search icon in the mobile header, it leads to the mobile menu.

Hello,

01. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Configure the header row settings and in the style tab change the row background color to “#0e0e96”

Then, add the code below in Theme Settings -> Custom CSS -> Mobile CSS area:

.whb-general-header {
    background-color: #ffffff !important;
}

02. For the search icon, Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Best Regards

In relation to the mobile search icon, I deactivated all third-party plugins and activated only the theme-required plugins. I also deleted all additional CSS code, but the search icon in the mobile header still leads to the mobile menu.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

hi

Also, in the mobile main menu, I activated the following options: Show Account, Show Compare, and Show Wishlist, but they did not appear in the mobile main menu.

[Author]

Posts