The collection banner wasn't the original size

Solved
Highlighted
Tourist
11 0 1

Hi there,

The collection banner wasn't the original size, it was automatically zoomed in and cropped, which affected the resolution and deleted parts of the image. Is there a way to not have it zoomed in, and keep the original size?

Which I uploaded, size: 1348*400 :

微信截图_20200528215937.png

Which showed like this:

微信截图_20200528220231.png

0 Likes
Highlighted
Shopify Partner
4817 715 1527

@Steven_Phanxy 

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 1

Hi, 

Here is the link: https://phanxystore.myshopify.com/

 

1 Like
Highlighted
Shopify Partner
4817 715 1527

@Steven_Phanxy 

Thanks for URL.

i have checking you issue all good 

just remove parallax effect on your theme setting look much better as you like.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 1

Thanks for your reply, but I could not find where to remove the parallax effect in the theme setting...

0 Likes
Highlighted
Shopify Partner
4817 715 1527

This is an accepted solution.

@Steven_Phanxy 

can you please try this code if doesn't work this code send a personal message your details i will take this 

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

div#slide-collection .bcg {
    background-attachment: scroll;
    background-position: center !important;
    background-size: contain;
    background-color: #000;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 0 1

Thanks a lot, it works perfect!

0 Likes
Highlighted
Tourist
11 0 1

Hi,

Sorry to bother you again. I thought the problem was solved before, because I only checked one collection and the banner was black at the both sides, so I thought it showed as the original size. But today I checked other collection, the banner was still cropped like below:

QQ截图20200604152229.png

0 Likes
Highlighted
Shopify Partner
4817 715 1527

can you please upload 2560x400 but same proportion image look don's change it 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes