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
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.
Hello,
You have missed the admin login URL. Can you please share the WP admin login URL in the private area so I will check and give you a possible solution?
Best Regards
Hello,
01. Your Show Account, Show Compare, and Show Wishlist in mobile menu issue has been resolved. Navigate to Appearance > Menu > Edit Main menu and set the display location “mobile side menu”.
02. For the search issue, Please confirm the permission for plugins deactivation and switching to the parent/default theme for testing.
Looking forward to collaborating with you!
Best Regards
you have my permission for plugins deactivation and switching to the parent/default theme for testing.
Hello,
Now check back your site and check the issue.
Best Regards
thanks , its work , you can close this ticket
Hello,
You’re very welcome! If you need anything else, feel free to reach out!
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards,
The topic ‘header elements background colors’ is closed to new replies.
.
