Slide show mobile is different from desktop version. Help!

Store Design
, , ,
1

As you can see below, the slideshow in desktop and mobile version are different.

I would love the mobile version to have text inside the picture, centered.

Is it possible?

Also, for the featured collection “Sparkling tea”, on mobile: can we move the text to the middle?

Like the one “we bring you the best of Nordics”.

Screenshot 2022-11-04 at 17.06.41.png
Screenshot 2022-11-04 at 17.06.41.png1920×976 199 KB

IMG_5CE89BFC6FA2-1.jpeg
IMG_5CE89BFC6FA2-1.jpeg1284×2610 161 KB

Thank you very much for your help! :slightly_smiling_face:

2

hi @CPHAGEN_Nordic
What theme you are using on your store?
can you share the store url, then I can spend time to check it.

1 Like
3

Hi @ExpertRookie ,

This is our webshop url: https://cphagen.com/

I think it’s Cascade theme. Quite edited by now, by different people in different moments :grinning_face_with_smiling_eyes:

Thank you for your help

4

Hi @CPHAGEN_Nordic
You can try follow this path:
Themes => edit code => asset => theme.min.css
and add this code to bottom of the file theme.min.css

.image-with-text__content.lg--up--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
5

Unfortunately, this is not working.

Any ideas?
Thanks

6

Hi @CPHAGEN_Nordic
Just sent you request access, please check and approve, then we can help you fix.

1 Like
7

Thank you.
Just reviewed and accepted!

8

Hi @CPHAGEN_Nordic
Just help you add some custom code, please check the page again.

1 Like
9

That’s PERFECT!!! WOW. Thank you :slightly_smiling_face: