Return to previous page

About Site Mobile Responsive and Cart Header Problems

This topic has 4 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez

Fehmican Yesilyurt

Participant

February 20, 2023 at 09:41

Hello,

1- I have a few issues with the theme. I use the header part with a black background. However, on pages such as payment and cart, the header appears with a white background.
Related screenshots:
https://prnt.sc/e_zvZz6Qr_-r
https://prnt.sc/5HPL9XYbF_5N
https://prnt.sc/al16zz2RqZ8-

2- In the mobile design section, I make the menu background black, but the colors of the icons remain black. I fixed the cart icon, but the problem is that when clicking on it, white color comes up as the hover background.

3- I absolutely cannot change the hamburger menu color to white. That’s why it’s completely invisible on a black header background on mobile.

Related screenshot: https://prnt.sc/_BNu1tVCZCwa

Website: http://www.mitty3d.com

Please, contact administrator
for this information.

#347492 Copied Theme version: 9.0.2 WooCommerce version: 7.3.0

3 Answers

Tony Rodriguez

Support staff

February 20, 2023 at 13:26

Hello @Fehmican Yesilyurt,

1. In order to resolve your issue, please navigate to XStore > Theme Options > Woocommerce (Shop) > Cart/Checkout Layout. There, you can set the Header Background color to your desired specifications and then click Publish. Please refer to the image provided. https://postimg.cc/z3DTgTz6

2. To address your issue, please navigate to XStore > Theme Options > Mobile Panel. There, you can select “Active Colors” as “Custom” and set/change the “Background Control (Active)” color to your desired preference. Please refer to the attached image for further guidance. https://postimg.cc/2LdyVcq3

3. To change the hamburger menu color to white, please navigate to XStore > Theme Option > Header Builder > Bottom Header and select WCAG Color according to your preferences. Please refer to the image provided for further guidance. https://postimg.cc/sBckK1xn

Best regards,
8Theme’s Team

#347514 Copied

Fehmican Yesilyurt

Participant

February 20, 2023 at 13:52

First of all, thank you very much for your feedback. Everything you wrote has been resolved. In addition, I want to say two more things.

1- I changed the background of the payment screen, but the text remains blurred because I cannot change the color of the text. How can I change the color of the text?
Related screenshot: https://prnt.sc/s-GhAlGo0_kv

2- On mobile, I made the cart icon white, but when I click on it, its background becomes white. How can I fix this?
Related screenshot: https://prnt.sc/onS4dDfv17N6

#347521 Copied
Tony Rodriguez

Support staff

February 20, 2023 at 17:48
Hello @Fehmican Yesilyurt,

1. We suggest that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear the mobile browser cache.
```
.cart-checkout-nav a {
    color: #fff !important;
}
```
2..We suggest that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear the mobile browser cache.
```
.et_b_header-cart.et_element-top-level>a:hover {
    background: transparent !important;
    color: #c6c6c6 !important;
}
```
It will resolve your issue.

Best Regards,
8Theme’s Team
#347554 Copied
Tagged: about site, cart header, mobile responsive, seo friendly, template problems, wordpress woocommerce
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘About Site Mobile Responsive and Cart Header Problems’' has been successfully resolved, and the topic is now closed for further responses

About Site Mobile Responsive and Cart Header Problems

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection