Return to previous page

Multiple headers – account background not separate for desktop and mobile

This topic has 7 replies, 3 voices, and was last updated 11 months, 4 weeks ago ago by Andrew Mitchell

wssrob

Participant

December 24, 2024 at 10:38

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!

#428533 Copied Theme version: 9.4.5

6 Answers

Rose Tyler

Support staff

December 24, 2024 at 10:53

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

#428534 Copied

wssrob

Participant

December 24, 2024 at 11:19

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!

#428536 Copied

wssrob

Participant

December 24, 2024 at 11:33

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.

#428537 Copied
Rose Tyler

Support staff

December 24, 2024 at 11:49
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
#428539 Copied
wssrob

Participant

December 24, 2024 at 12:09

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.

#428542 Copied

Andrew Mitchell

Support staff

December 24, 2024 at 12:09

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

#428543 Copied
Viewing 7 results - 1 through 7 (of 7 total)

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

Multiple headers – account background not separate for desktop and mobile

Explore our best WordPress WooCommerce Themes collection