- This topic has 13 replies, 2 voices, and was last updated 4 months ago by Leo.
September 21, 2020 at 8:58 am #1452547Britt
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?
BrittSeptember 21, 2020 at 9:37 am #1452596LeoStaffCustomer SupportSeptember 21, 2020 at 1:17 pm #1452846Britt
Yes, sure. See other field for details..September 21, 2020 at 1:27 pm #1452863LeoStaffCustomer SupportSeptember 21, 2020 at 1:35 pm #1452877Britt
New try:September 21, 2020 at 1:39 pm #1452886LeoStaffCustomer SupportSeptember 21, 2020 at 1:58 pm #1452915Britt
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:
Everywhere the same problem.September 21, 2020 at 2:01 pm #1452922LeoStaffCustomer Support
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-blockSeptember 21, 2020 at 2:03 pm #1452928Britt
Yeah, I installed Kadence Block because I couldn’t fix it with GP. But I will try with the docs you send!September 21, 2020 at 2:06 pm #1452935LeoStaffCustomer SupportSeptember 21, 2020 at 2:13 pm #1452950Britt
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?September 21, 2020 at 2:16 pm #1452952LeoStaffCustomer SupportSeptember 21, 2020 at 2:37 pm #1452970Britt
At ‘Download de brochure’September 21, 2020 at 2:56 pm #1452988LeoStaffCustomer Support
That’s because you have 40px padding added to the container:
I would recommend creating this whole element with GB container block instead of using the default cover block from Gutenberg:
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:
- You must be logged in to reply to this topic.