Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
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;
}
This is an accepted solution.
Thanks for feedback
I have updated the code please check.
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.
Thanks a lot for the prompt reply @KetanKumar
Here is the link, https://osticare-pro.myshopify.com/
Highly appreciate any help.
This is an accepted solution.
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;
}
Thanks @KetanKumar
It works fine on desktop but looks weird on mobile. 😞
Can we stop this code change happening on mobile?
This is an accepted solution.
Thanks for feedback
I have updated the code please check.
it's my pleasure to help us
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?
can you please share your store url so i will guide you
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
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
i have check it work what's issue can you please share issue images?
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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024