-
Hi team,
How can I make the subscriber box stretch out – the design is normal but a page setting is making it scrunch up at the end.
There is a headline block and shortcode block in the container.
Explore template from the site library.
-
Fernando
Hi DLM,
The Container Block for that section has a
max-width
of1080px
. Remove this and set thewidth
to100%
.Reference: https://docs.generateblocks.com/article/sizing-options-overview/
-
This didn’t work, unfortunately. It didn’t change the size of the subscribe button and the ‘e’ is still dropped down.
Any other ideas?
-
Fernando
It’s still set to 1080px. See: https://share.getcloudapp.com/ApuvlOmY
Can you try changing it first? If you’ve changed it and it isn’t appearing, it must be caching.
-
I tried it a lot of different ways and it didn’t work – ie. changing both containers at separate times from 1080px to 100%. I tested both with ‘max width’ and ‘width’ but couldn’t get it to work.
I had put it back to the original but have changed it again as you said so you can have a little look.
Is it the purple bit in my screenshot that’s the problem and how do I change that setting?
https://whattodoholidays.com/wp-content/uploads/2023/04/eggggg.png
Thanks!
-
Fernando
I see. Can you provide admin login credentials? We’ll check you’re setup and see how to proceed with this.
-
Thanks, yes have added login details.
-
Fernando
Can you change this one to 100%?: https://share.getcloudapp.com/YEuezAvA
We’ll recheck afterward to see what happens.
-
Changed it and the button is still no good – you can see.
I prefer the normal location of that container (not going off the edge) just want the short code to shuffle left a bit! 🙂
Feel free to log in yourself and have a play around.
-
Hi there,
try:
1. Add this CSS to your site:
.ml-embedded, .ml-embedded #mlb2-4670450.ml-form-embedContainer .ml-form-embedWrapper.embedForm { flex: 1; max-width: unset; }
This will make the form fill whatever space is available to it.
2. then the shortcode block wrap it in its own GB Container Block.
2.1. Then you can set the a Sizing > Max Width on that Container to control the forms size.
And we can look at what to do for responsive controls afterwards
-
Thanks, I’ve added that CSS.
It looks good on desktop and mobile but the button is still dropping down on tablet view. Also the break point from desktop to tablet is funny.
I’m happy to give up and remove the section altogether if there’s no easy solution 🙂
-
Fernando
Try to change the width of the Headline on Tablet and Mobile if needed. Example: https://share.getcloudapp.com/Qwu8Br14
Set it to a percentage value. Like 30% for Tablet and 100% on mobile.
-
Thanks – I’ve given this all a go but still have a problem with the breakpoint settings I think. When you shrink from desktop size to mobile the subscribe text drops down until you get to mobile.
Please feel free to login and try things!
-
False alarm!
It’s sorted now. Thanks a lot.
-
Fernando
I see. You’re welcome!
- You must be logged in to reply to this topic.