How can I change the image alignment (to right) of featured product on debut theme?

Solved
KevinCruze
Tourist
8 0 7

Hi All,

Can someone please let me know how can I align the featured product image to the right as shown in the picture here?

I want to do this only for the second section.

And this change must be mobile friendly as well.

Thanks!


Screenshot-2021-01-28-at-22.30.25.jpg

KetanKumar
Shopify Partner
14121 1644 5063

@KevinCruze 

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
KevinCruze
Tourist
8 0 7

Thanks a lot for the prompt reply @KetanKumar 

Here is the link, https://osticare-pro.myshopify.com/

Highly appreciate any help.

KetanKumar
Shopify Partner
14121 1644 5063

This is an accepted solution.

@KevinCruze 

Thanks for details 

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-1611841169ca3e3a76 .product-single {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

 

 

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
KevinCruze
Tourist
8 0 7

Thanks @KetanKumar 

It works fine on desktop but looks weird on mobile.

Can we stop this code change happening on mobile?

 

KetanKumar
Shopify Partner
14121 1644 5063

This is an accepted solution.

@KevinCruze 

Thanks for feedback 

I have updated the code please check.

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
KevinCruze
Tourist
8 0 7

Legend @KetanKumar 

All works fine. Thanks heaps!

KetanKumar
Shopify Partner
14121 1644 5063

@KevinCruze 

it's my pleasure to help us

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