I’ve run into this problem a couple of times. I will create banners inside colour sections, everything is fine… except for the last one. I can’t change the colour of the text of the special header inside the colour section and responsiveness is broken from that point on. Looking at the code I can see it is outside of the wrap_all div. I’m not sure what I did to cause this.
I found this in another thread but how can I a) fix this and b) prevent this from happening?
To paraphrase Ismael ( https://kriesi.at/support/topic/google-map-full-width-breaks-footer-socket-icons/#post-466909 )
The problem was that the container is outside the wrap_all div / container, that’s why the styling is not working. This issue usually happens when you place contents inside a color section but then leave other contents on their own containers.
Hi dhuibh!
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Hi Rikard,
Please see below. Thanks.
Hey!
Could you try to enable debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/. Then copy the shortcode of the page you are having problems with to a new one. Create the new one and add some basic element then save and publish the page, view it to make sure it looks like expected. Then paste the shortcode to it and save. I think that will solve your problem.
Cheers!
Rikard
Hi Rikard,
Maybe I was doing something wrong but that didn’t fully work for me… in fact the page looked worse with colour section errors occurring although the responsiveness seems better. Any other suggestions?
Hi!
I can’t see any issues with your color sections. The links you have provided look beautiful to me. Can you highlight the problem using screenshots please? use imgur.com or dropbox.
Regards,
Andy