Need help with image size and spacing customization on Home/Landing Page on Symmetry theme

Hi!

I have couple questions regarding the home page customization for Symmetry theme.

  1. Where in the code (which section and row) I can adjust the space between images in ‘Gallery’? or other way to do it?
  2. Is it possible to have a ’Slideshow’ with different settings for Desktop and Mobile, meaning for the desktop I would like to use the ‘Adopt to first image’ and for the mobile ‘Fixed height’?
  3. Is it possible to have a ’Image with text overlay’ with different settings for Desktop and Mobile, meaning for the desktop I would like to use the ‘Natural’ and for the mobile ‘Fixed height’?

The webpage is not launched public yet but can provide access to help to figure this out.

Thank you so much!

@Levia

I can help you! please share the screenshot of what you wand and also share the store URL!

Thanks!

Hi!

For 1. for me the best is if I can test the spacing myself so would love to know the code section that adjust the image spacing for this section.

For 2. and 3. I attached these images. Basically at the moment on desktop the images are selected to be shown as 'Adopt to first image’ and ‘Natural’. However on the mobile those selections don’t look good so I wanted to override this for mobile version and have it selected as ‘Fixed height’ which is adjusted here on the theme editor.

May I DM the login info as the website is not ready for public view yet?

Thanks!

@Levia

This code customization work Please hire Shopify Expert he can help You!

Thanks!

Ok. Just not sure what is possible to do with simple coding that I see people getting advice on here or what requires someone to get hired. Thanks