Brooklyn Theme [Adapt to First Image] Text overlay Issue

Store Design
1

Hi I’ve seen countless of mentions/posts regarding this problem - many of the solutions are either outdated or doesnt work.

In brooklyn theme, when creating a slideshow with “Adapt to First Image” toggled, it looks perfect in desktop but becomes totally different in mobile.

Desktop: Text is overlayed on image, everything is correct.

wasarbi_0-1603719942107.png
wasarbi_0-1603719942107.png1856×725 342 KB

Mobile: Text gets shifted below outside the image, font colour and size totally changes.

mobile view.jpeg
mobile view.jpeg1462×1600 127 KB

Can anyone help me achieve the same on both desktop and mobile?

Alternatively- if anyone can supply me with a custom code for “Image + Text Overlay + Button” section that is compatible to the Brooklyn theme, that will be awesome. Thank you!

2

Shopify please help. I’m having the same issue along with many other Brooklyn users.

3

Yeah I’m facing the same issue too any help would be appreciated :))

4

I am having the same issue. Been digging around and having no luck. URGHHH

Would love to hear if any of you had success in figuring it out. @unducky @kooshycroutons @wasarbi