Does anyone know how to make hero image vertical in Debut?

Solved
markengel
Excursionist
14 0 2

Hello, The main image on the home page of debut cuts my vertical photo off and only shows a small part of it. Is there a way to make the hero image vertical instead of horizontal? I found one of the paid layouts that works (milan) as an example of a homepage with a vertical image. Can this be done in debut? Thanks, Mark... View more

KetanKumar
Shopify Partner
15811 1755 5829

@markengel 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

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
KetanKumar
Shopify Partner
15811 1755 5829

This is an accepted solution.

@markengel 

Thanks for store URL, can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-1614987909b65425b7 .slideshow__image {
    background-size: contain;
}

 

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
markengel
Excursionist
14 0 2

That didn't do anything. Is there another solution?

0 Likes
KetanKumar
Shopify Partner
15811 1755 5829

@markengel 

sorry but i can't see above code but if you have put above code live result 

KetanKumar_0-1615160224206.png

 

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
markengel
Excursionist
14 0 2

Screen Shot 2021-03-07 at 4.21.29 PM.pngScreen Shot 2021-03-07 at 4.23.17 PM.png

 

I am not sure what you are saying. Can you be more clear?

I cut and pasted the code you sent in the area you said, but it did not change the format. I see the same size pictures as shown in the screen shot above.

 

0 Likes
KetanKumar
Shopify Partner
15811 1755 5829

@markengel 

thanks if possible to add me staff account so i will check and update code

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
markengel
Excursionist
14 0 2

How do I add you?

0 Likes
KetanKumar
Shopify Partner
15811 1755 5829

@markengel 

https://help.shopify.com/en/manual/your-account/staff-accounts/create-staff-accounts

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