Problem with one section

Hello,

I have a problem with one section which is not displaying correctly and I have no clue what is making the problem. It looks fine in the page builder and it also looks fine when I duplicate the section. I guess something is breaking the code and I would please need you help to fix it.

Here is how it looks in the page builder:

Here is how it looks online

URL: https://solar-learning.org/ (pwd: solar)

Thanks,
Antoine

Hi Antoine,

Thanks for reaching out.

Have you tried re-adding the element? I can’t reproduce this issue on my end. And given the preview is displaying, the shortcode executes properly. And please provide your admin login credentials in a secure note and I’ll check it too.

Thanks!

Thanks for your response. I’ve recreated the copy and manage to get it to display correctly. But now that I’ve done this, the desction below it is not displaying correctly anymore… (problem with the padding around the row). There must be a problem somewhere and I would appreciate your help to fix it. I really don’t get it.

Note that it seems to me to be related to a section background as you can see an image loading below the image of the second section for a really short time.

Thanks,
Antoine

Hello Antoine,

Your issue happened because you have added this custom css:

.h-resp-main {
  max-width: 15em;
  margin: 0;
}

Removing this css block from X > Theme Options > Custom CSS should resolve the issue.

Please let us know how it goes.

Thank you for your answer.

This CSS was from the demo content I’ve loaded. I removed it and the problem remains though.

Hello Antoine,

Now that you have removed the code, it is already displaying normal in my end.
Here is what I am seeing:

Please clear your browser caches or use private browsing mode and test your site again.

Thanks, but this is the view in cornerstone on your screenshot. I agree this is fine and this is also what I have from my side. The problem is on the website itself and removing the CSS you mentioned did not change anything. There is no left/right as there should be on the third section (and the padding on the top is bigger as it should be) :

Hello Antoine,

This is because you have inserted a section with no rows and columns which messed up the page.

I went ahead and removed the empty sections to resolve the issue.

Please check your site now.

Thank you very much for your help. I’ll make sure to check this next time I see such a problem.

You’re welcome! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.