Solved

"Thanks for subscribing" line shifting the original design out of view?

Luaninha
Shopify Partner
8 1 0

Client has found an error on the mailing list, I can't figure out how to fix it. I just want the "thanks for subscribing" line to appear underneath the form. But the hidden message shifts the whole design up?! When I tweak on Google inspect it kinda does it, but as soon as I transfer to VSC and save it reverts back to being cropped

 

https://www.loom.com/share/98dc43226fcf4037aae95ca6608049a6?sid=6eeca410-d5dc-4952-8ae7-476a53658c96

 

Can somebody help, please!

Accepted Solution (1)
Luaninha
Shopify Partner
8 1 0

This is an accepted solution.

Fixed it now. With overflow-y hidden on the .mailing-list class!

View solution in original post

Replies 8 (8)

topnewyork
Navigator
298 34 45

Could you please share your website url? @Luaninha 

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
Luaninha
Shopify Partner
8 1 0
cleverpepper.myshopify.com <>

I realised I had an overflow: hidden on .mailing-list class which fixes what I want but then it affects the header.
topnewyork
Navigator
298 34 45

Please share store password

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
Luaninha
Shopify Partner
8 1 0

*******

Luaninha
Shopify Partner
8 1 0

I'm SO close now, got the header to work but now there's a overflow-y on the newsletter class that I don't need. I want to clip the content after the section. As per the image.

 

Screenshot 2024-05-24 at 11.37.03.pngScreenshot 2024-05-24 at 11.37.22.png

Luaninha
Shopify Partner
8 1 0

This is an accepted solution.

Fixed it now. With overflow-y hidden on the .mailing-list class!

topnewyork
Navigator
298 34 45

Yes, overflow-y: hidden; on the .mailing-list class! @Luaninha 

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
topnewyork
Navigator
298 34 45

@Luaninha Please mark the solution. Thanks

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel