Mobile view issue

[J2402]

Hello,

Hopefully someone can help me out with the following issue. My mobile view is giving an error which I can't figure out.

I tried using a code and pasted this is the css but that one didn't work for me so maybe there is someone who can help me out.

 

[J2402]

Fiorenze.nl

Password: Fiorenze24

[Moeed]

Hey @J2402 

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>
@media screen and (max-width: 767px) {
h2.banner__heading.inline-richtext.h1 {
    color: black !important;
}
.banner--mobile-bottom .slideshow__text.banner__box {
    color: black !important;
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[J2402]

Thanks for the quick reply, but I would like it to be the same as my desktop page

[Moeed]

Hey @J2402 

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>
@media screen and (max-width: 767px) {
.banner__content {
    position: absolute !important;
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[J2402]

Thanks! Can there still be 1 slight change?

I'd like to have the text located where it is on the desktop with a smaller text and buy button like this:

Thank you in advance!

[Moeed]

Hey @J2402 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Also, if you can explain your issue in a bit detail then that would be amazing. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[J2402]

Hey,

Fiorenze.nl

Password: Fiorenze24

The problem is that my first slide doesn't show as it should when I open de mobile version. I tried several things, but it didn't help.