Dawn Theme Problem with the background color on mobile

[Yoan_Zagorov]

 

 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

[Moeed]

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:

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

Best Regards,
Moeed

[PageFly-Oliver · 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

[Yoan_Zagorov]

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