CSS To keep Elements Center

Solved
Highlighted
Excursionist
45 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
Highlighted
Shopify Partner
591 84 127

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

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
45 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
Highlighted
Shopify Partner
591 84 127

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

 

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
Highlighted
Excursionist
45 0 8

Great! Many thanks