Archived topic
Text in line with the rest of the container / mobile version problem
13 replies · Started by Britt on September 21, 2020
Hi,
I have some problems with desktop / mobile version.
I used a cover image in the middle of the page, with text on it. The cover image is full length but I don't want the text to be full length too. If I change the padding / margin it looks fine on the desktop version, but on the mobile version there is one character per sentence... How can I fix this?
Kind regards,
Britt
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Yes, sure. See other field for details..
The password/login didn't work for me.
Can you confirm?
New try:
That one worked.
Which section should I be looking at?
For example at the home page, at 'Blijf op de hoogte'. It's a cover image with text and social media icons. I don't want the text to be full length.
Furthermore the cover image in the middle op the page at:
https://ietsleucqs-ietslecqers.nl/over-iets-leucqs/
https://ietsleucqs-ietslecqers.nl/iets-lecqers/
https://ietsleucqs-ietslecqers.nl/relatiegeschenken/
Everywhere the same problem.
Since you are using Kadence block, you will need to check with their support.
You can achieve something like that with GenerateBlocks as well which allows you to set the outer container to full and inner container to contained:
https://docs.generateblocks.com/article/container-overview/#standalone-block
Yeah, I installed Kadence Block because I couldn't fix it with GP. But I will try with the docs you send!
Just to make sure, we are talking about GenerateBlocks (not GP) which is a separate plugin here :)
https://wordpress.org/plugins/generateblocks/
Okay, thanks!! It's better now. The only thing is... That the text in the cover image is in line with the container at desktop. But mobile version is much smaller. Can I fix this?
Where can I see the issue?
Just viewed the home page and it's still using Kadence block.
Here: https://ietsleucqs-ietslecqers.nl/relatiegeschenken/
At 'Download de brochure'
That's because you have 40px padding added to the container:
https://www.screencast.com/t/oGvLIFSEj7
I would recommend creating this whole element with GB container block instead of using the default cover block from Gutenberg:
https://www.screencast.com/t/34T74w4g
You would basically need to add a full width container block with background image added, then 2 heading blocks, and a button block. All from GB:
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/buttons-overview/
