Solved

Overlapping Content at checkout

gracieloo704
Excursionist
17 0 4

This keeps happening on certain pages and it is getting superrr frustrating

Currently on my checkout page elements keep overlapping and I have no idea why this keeps happening, really need some help!

gracieloo704_0-1691412160557.png

 

Accepted Solution (1)
marketplace026
Shopify Partner
42 6 8

This is an accepted solution.

Go to Your theme file and search base.css file and add a new CSS

body:not(.home) main .shopify-section:nth-of-type(1), body:not(.home) main .shopify-section:nth-of-type(1) .banner__media, body:not(.home) main .shopify-section:nth-of-type(1) .banner__content {
max-height: inherit;
}


This one

View solution in original post

Replies 10 (10)

marketplace026
Shopify Partner
42 6 8

Send me URL

gracieloo704
Excursionist
17 0 4

luxecandlestudio.com.au

 

marketplace026
Shopify Partner
42 6 8
gracieloo704
Excursionist
17 0 4

Sorry, I'm not sure I understand, what am I changing the max height code to?

marketplace026
Shopify Partner
42 6 8
gracieloo704
Excursionist
17 0 4

got it! Where can I find where to put the css? I've looked in all the files in code editor i swear i cant see it 😥

marketplace026
Shopify Partner
42 6 8

This is an accepted solution.

Go to Your theme file and search base.css file and add a new CSS

body:not(.home) main .shopify-section:nth-of-type(1), body:not(.home) main .shopify-section:nth-of-type(1) .banner__media, body:not(.home) main .shopify-section:nth-of-type(1) .banner__content {
max-height: inherit;
}


This one

lrskincare
Visitor
1 0 0

i dont see a search result when i type base.css

rajsrivastava39
Visitor
1 0 0

applied this code but still the problem is not solved, i'm facing the issue in mobile screen , please help me with this.