[Resolved] Featured image wont go full width

[Ying]

1. It’s caused by the alignwide option, can you try to deactivate this alignment for the GB container?

2. I noticed there’s a negative left margin applied to all the headline blocks, this will make the text and image overlap on a smaller screen, can you remove all that margin?

3. As you are using GB image block, the .rounded-corners CSS is not needed, you can set border-radius directly within the image block settings, same as the max-width/max-height properties.

4. If you want the container to have alignwideeffect on the desktop, try adding negative left and right margin to the container for the desktop, remember to set the left/right margin to 0 for tablet and mobile, otherwise, the negative margin will be inherited for tablet and mobile.

[chris]

Thanks done everything you suggested and all working lovely now, many thanks Ying!

[Ying]

Awesome! Glad to help 🙂

[Author]

Posts