Center Align Image Across all media

Highlighted
Excursionist
18 0 5

Hey guys,

Here is the URL to my website www.carsovrgirls.com

On a regular macbook screen, the single image stays center but when using the websibe on a larger screen, the image starts shifting to the left rather than staying center.

Anybody know how I can keep the image centered across all displays? 

This is the image on the home page that I'm referring to: Screen Shot 2020-10-27 at 1.44.34 AM.png but on a regular macbook screen, the image is centered; just not on a wider/larger display.

I've tried playing with the margins which work, but it isn't absolute across all screens.

1 Like
Highlighted
Shopify Partner
9220 1178 3244

@carsovrgirls 

Thanks for

sorry i can't see this issue at home can you please show me

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
1 Like
Highlighted
Excursionist
34 8 9

Hello @carsovrgirls, I can't see the image above "Why Us" section to replicate the issue. Maybe you have removed it for now. So please confirm, so we can give you a solution for the same. 

1 Like
Highlighted
Excursionist
18 0 5

Sorry, I did remove it in the meantime. Let me re-add it

0 Likes
Highlighted
Excursionist
18 0 5

Sorry about that, please check it now. Thank you.

1 Like
Highlighted
Shopify Partner
9220 1178 3244

@carsovrgirls 

Thanks for the update.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

div#shopify-section-1603597240534765f3 .feature-row {
    margin-left: 0;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}
div#shopify-section-1603597240534765f3 .feature-row__text--left {
display: none;
}

 

 

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
1 Like
Highlighted
Excursionist
18 0 5

@KetanKumar 

Thanks for the reply, however that code did not seem to work. I pasted it on the bottom of the theme.css.liquid but it still isn't centered on the larger screen.

0 Likes
Highlighted
Shopify Partner
9220 1178 3244

@carsovrgirls 

Thanks 

i have update my code can you please try again

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
1 Like
Highlighted
Excursionist
18 0 5

@KetanKumar Thanks for the help. 

Unfortunately, it still isn't working. The picture still sways to the left of the screen.

1 Like
Highlighted
Shopify Partner
9220 1178 3244

@carsovrgirls 

Thanks for update

sorry i can't see my code can you please add and let me know

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