Overlapping Content at checkout

[gracieloo704]

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!

[marketplace026]

Send me URL

[gracieloo704]

luxecandlestudio.com.au

[marketplace026]

https://app.gemoo.com/share/image-annotation/547159627616624640?codeId=vJ9Kgr37WYbVj&origin=imageurl...

See the screenshot. change to max height inherit.

[marketplace026]

https://app.gemoo.com/share/image-annotation/547159627616624640?codeId=vJ9Kgr37WYbVj&origin=imageurl...

[gracieloo704]

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

[marketplace026]

https://postimg.cc/PPZpygcP

See the css

[gracieloo704]

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 · 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]

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

[rajsrivastava39]

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