Why is my slide block a different color on mobile than on the desktop version?

[Viibed]

Hello, I am using the Refresh Theme and while working on my first page, I noticed that the slide block is a different color than the desktop version and wanted to know how to fix it. Website Link: Viibed

[Made4uo-Ribe]

Hi @Viibed 

Would you mind to share your store URL? Thanks!

[Viibed]

Yes, I updated my message above with the link.

[Made4uo-Ribe]

Its password protected. 

[Viibed]

Password is chaisi sorry forgot.

[Made4uo-Ribe · Accepted solution]

Thanks for the info, the background did change but on the mobile its automatic going out in the slideshow so the background become semi transparent with white. 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

@media screen and (max-width: 749px){
.slideshow__text-wrapper.banner__content.banner__content--middle-center  {
    position: absolute;
    top: 25%;
}
}

• And Save. 
• result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Viibed]

It worked. Thank you!