Solved

Dawn Theme Problem with the background color on mobile

Yoan_Zagorov
Tourist
10 0 3

 

Screenshot (7).png

416803271_1132818598126045_6492375175644865485_n.jpg

 Hello everyone! I have searched over what feels like the entire Internet for a solution to my problem but couldn't find one. The matter consists in that at certain parts of the screen on the mobile view of my shop, it shows a different color than what it should (white). It may have something to do with the fact that previously my entire background was in this color and maybe I have a piece of code somewhere, causing this, but after numerous searches I still can't find anything. It will mean the world to me if someone could help! Thanks in advance.

 

Website url: https://humbliss.com/

Password: chohgo

 

Accepted Solution (1)

PageFly-Oliver
Globetrotter
701 138 131

This is an accepted solution.

Hi @Yoan_Zagorov ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden{
background:white !important
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
3542 892 1107

Hey @Yoan_Zagorov 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
    background: white !important;
}
</style>

RESULT:

Moeed_0-1704646338060.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

PageFly-Oliver
Globetrotter
701 138 131

This is an accepted solution.

Hi @Yoan_Zagorov ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden{
background:white !important
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Yoan_Zagorov
Tourist
10 0 3

You're a life saver!!! Thank you so much! Do you have any idea how to change these 3 as well?

412352226_352446204163983_1684657936822857281_n.jpg