CSS To keep Elements Center

Solved
Excursionist
50 0 8

Hi Guys

I have two elements on a page that i would like to keep centralised between 769px and 2050px.

Any help would be great!

Many thanks 

0 Likes
Shopify Partner
1119 181 458

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Excursionist
50 0 8

Hi

The page i am trying to style is: https://fibsupplements.com/pages/buy-now

Password: Fib01!

The image and text box are supposed to overlap, but they are slightly left of centre and i would also like them to shrink with the browser size between 2050px and 769px. 

They stack well for mobile but i am having issues when resizing between 2050px and 769px.

Thanks for any help!

0 Likes
Shopify Partner
1119 181 458

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (min-width: 769px) {
.index-section .grid--uniform .appear-delay-1 {
    width: 52% !important;
}

.index-section .grid--uniform .appear-delay-2 {
    width: 48% !important;
}
}

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Excursionist
50 0 8

Great! Many thanks