This topic has 7 replies, 3 voices, and was last updated 1 days, 1 hours ago ago by Andrew Mitchell
Dear Xstore support,
when using multiple headers, and putting the account icon in a connection block, the background-color and color properties are not separate for desktop and mobile version. I didn’t verify if the standard header has the same problem.
I know my way with css and tried styling different classes when (et_b_header-account , and others), but while in the main header this code:
.et_b_header-account.et_element-top-level > a {background-color:#fff !important; color:#333 !important;}
is working fine to style the mobile version (within @media all and (max-width:992) ), that code it’s not working in the secondary header.
The wordpress page is password protected, don’t know if it’s relevant. Thanks, kind regards!
Hello,
Thank you for contacting us and for using XStore.
To assist you more effectively, we kindly request that you provide some screenshots to help us better understand the situation and your desired outcome.
Additionally, provide us with URLs of pages with different headers and temporary wp-admin access, we need to check your settings.
Warm Regards,
The 8Theme Team
Hi Rose, thanks for your fast reply. I just checked and the colors for the “my account” icon and text label section in the header (background-color and color properties) are not separated for mobile and desktop version, also in the main header.
That’s quite simple to verify, in the header-builder -> account section, I mean, if you change the color of background or icon in desktop section, in left pane, and then click in mobile section, the color will remain the same, and you cannot change the colors and styling separately for mobile and desktop. I don’t think that could be website dependant or require admin access to verify…but I will provide screenshots or a video for you to better understand. Thanks!
Just made a video recording.
https://www.awesomescreenshot.com/video/34948365?key=efb356a5785c6f46196e69ac6cef568b
As you can see the styling for background and color of the account icon could NOT be set indipendently for desktop and mobile.
If you could help with the css classes of the icon ASAP that would be really appreciated.
Hello,
We appreciate your prompt response.
You mentioned custom CSS code, and here is an example – https://prnt.sc/CzvAGQhF3LgX
.et_b_header-account.et_element-top-level > a {
color: red;
background-color: blue;
}
(all devices)
for mobile it will be:
@media only screen and (max-width: 992px) {
.et_b_header-account.et_element-top-level > a {
color: red;
background-color: blue;
}
}
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Warm Regards,
The 8Theme Team
Thanks, solved! That was a bit more difficult to solve, as the css in the main style does not work for multiple headers, but If I put the same exact css code in the specific page where the header is active, the css code is working just fine.
Dear wssrob,
We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.
Click here to rate now: https://themeforest.net/downloads
Thank you sincerely for your ongoing support!
Best Regards,
The 8Theme Team
The issue related to '‘Multiple headers – account background not separate for desktop and mobile’' has been successfully resolved, and the topic is now closed for further responses