how to separate slideshow from featured collection in mobile view

Store Design
,
1

Hi, Iā€™m using the Brooklyn theme and recently moved my homepage around, and added a featured collection. On desktop view looks fine but in mobile view, the title of the feature collection is hiding under the slideshow. how can i fix that? thank you in advance :slightly_smiling_face:

296012784_739784460463646_6950071383547364951_n.jpg
296012784_739784460463646_6950071383547364951_n.jpg922Ɨ2048 165 KB

2

Hi! It looks like your slideshow section on mobile has a margin-bottom:-100px;

If you feel comfortable editing your themes code head over to the theme.scss.css and edit line 3864 to margin-bottom: 0;

Screen Shot 2022-07-29 at 11.20.32 PM.png
Screen Shot 2022-07-29 at 11.20.32 PM.png776Ɨ112 19.2 KB

That should fix your issue.

Hope that helps!

**Make sure you make a duplicate of your live theme to make code changes that way you have something to fall back

3

thank you for replying, is that under assets: theme.scss.liquid?

1 Like
4

@cheva

Yes, You can add this same code or Modify on theme.scss.liquid file.