Anyone know how to make the image goes to the right only in Dekstop?

RaffelsArnov
New Member
2 0 0

RaffelsArnov_0-1626106402595.png

this is an image with text and I would like to move the image to the right only on a desktop because it looks better on mobile if both images are on the left. I also want the text to be still vertically aligned. Thanks in advance!

 

0 Likes
Guleria
Shopify Partner
1476 304 421

Hello @RaffelsArnov ,

You have to alter the code and do some css.
And to make it same as it is in mobile have to use media query + css order rule.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
Anthony_David_
Trailblazer
221 29 87

@RaffelsArnov share your store url.

Thanks

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
RaffelsArnov
New Member
2 0 0

https://raffels-sandwich.myshopify.com/
passwords: Raffelssandwich

0 Likes
Anthony_David_
Trailblazer
221 29 87

Hello,

Add the below code on your theme.scss.css

@media only screen and (min-width: 768px){
div#shopify-section-1625841553bc36b00c .feature-row.grid.large-up--grid--table {
    display: block;
}
div#shopify-section-1625841553bc36b00c .feature-row__image {
    float: right;
}
div#shopify-section-1625841553bc36b00c .feature-row__text {
    position: relative;
    top: 100%;
}
}


I hope this is what you where looking for -> https://prnt.sc/1alojr8

Thanks

 

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes