Solved

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

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

Accepted Solutions (2)
KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 13 (13)

KetanKumar
Shopify Partner
36839 3635 11972

@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 Partner | 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
36839 3635 11972

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 Partner | 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
36839 3635 11972

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 Partner | 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
36839 3635 11972

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Website_maken
Excursionist
12 0 2

Can you please tell us what the small code change is so the element gets right for mobile? Loved your comment by the way, AWESOME! Can you please share it with us? 

KetanKumar
Shopify Partner
36839 3635 11972

@Website_maken 

can you please share your store url so i will guide you

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Website_maken
Excursionist
12 0 2

https://www.bolsastassen.com/products/leather-glass-cases And the the cow case one is just looking strange in mobile(it’s just a proto type name by the way haha).

 

thanks for your fast reply by the way. Password is style058 ❤️ You are the best 

Website_maken
Excursionist
12 0 2

https://www.bolsastassen.com/products/leather-glass-cases And the the cow case one is just looking strange in mobile(it’s just a proto type name by the way haha).

thanks for your fast reply by the way. Password is style058

❤️You are the best,

greets Chris

KetanKumar
Shopify Partner
36839 3635 11972

@Website_maken 

i have check it work what's issue can you please share issue images?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Abilasabbi
Visitor
2 0 0

Can you help me with the same? i want the first feattured product picture to be on the right, then the second featured product picture to be on the left, then the third to be on the right again. on the mobile i dont want these features.