Center Align Image Across all media

[carsovrgirls]

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:  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.

[KetanKumar]

@carsovrgirls 

Thanks for

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

[Anonymous]

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. 

[carsovrgirls]

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

[carsovrgirls]

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

[KetanKumar]

@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;
}

[carsovrgirls]

@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.

[KetanKumar]

@carsovrgirls 

Thanks 

i have update my code can you please try again

[carsovrgirls]

@KetanKumar Thanks for the help. 

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

[KetanKumar]

@carsovrgirls 

Thanks for update

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