Issue Refresh theme Mobile view vs Desktop View

Store Design
, ,
1

Hi all, I’ve got Refresh theme and my desktop site is looking alright, but when I check the mobile view the main slideshow moves the design around. The text that was supposed to go on top of the image is at the bottom.

Desktop view vs Mobile View:

image
image2323×647 302 KB

2 Likes
2

Hey @OruKhan

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. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

4

URL https://nie2aw-ee.myshopify.com/

PASS: “Villaseca_21”

1 Like
5

Hey @OruKhan

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;
}
.banner--mobile-bottom .slideshow__text.banner__box {
    background: transparent !important;
}
}
</style>

RESULT:

image
image352×708 77.2 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
6

You wizard! Thanks a lot!

1 Like
7

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like