Brooklin Theme Mobile view slide show img

Solved
Zachyssek
Tourist
9 1 0

Hi guys,

 

I am struggling with Brooklyn theme design.

I want the image size to always be the same size on both the PC and the mobile phone.

 

On PC it is like this which is GOOD.

Zachyssek_0-1637322874139.png

 

But I want it to be it the same size on mobile phone too.

On mobile phone it is like this:

 

Zachyssek_2-1637322946071.png

 

And all I want is the photo in same size as on PC.

 

For example I found a page which has exactly what I want to have too.

 

Zachyssek_3-1637323037598.png

 

 

Could you guys please help me solving this?

What should I add to theme.scss.liquid?

 

You can check bellow:

https://tovishop.com/ 

 

Thank you.

 

 

 

VIT ZACHARIAS
Accepted Solution (1)

Accepted Solutions
Don
Shopify Staff
1598 107 216

This is an accepted solution.

Hi there @Zachyssek!

 

I'd like to share some info with you here to clarify how slideshow images like this work and how best to work with them.

 

Due to how these slideshow sections are coded, an image will need to be selected that works well when cropping for different screen sizes.

 

Check out our blog article here to learn more about this.

 

While there are certain approved customisations for Brooklyn we can support if you're on a paid Shopify plan, changing how this section functions in this way would not be covered by our design policy.

 

If you'd like to consider hiring an Expert developer to provide a custom coding solution to this for you, you can browse our marketplace here.

 

Can you tell me a bit more about your line of business and what you're selling?

Don | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

View solution in original post

Reply 1 (1)
Don
Shopify Staff
1598 107 216

This is an accepted solution.

Hi there @Zachyssek!

 

I'd like to share some info with you here to clarify how slideshow images like this work and how best to work with them.

 

Due to how these slideshow sections are coded, an image will need to be selected that works well when cropping for different screen sizes.

 

Check out our blog article here to learn more about this.

 

While there are certain approved customisations for Brooklyn we can support if you're on a paid Shopify plan, changing how this section functions in this way would not be covered by our design policy.

 

If you'd like to consider hiring an Expert developer to provide a custom coding solution to this for you, you can browse our marketplace here.

 

Can you tell me a bit more about your line of business and what you're selling?

Don | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

View solution in original post