Gap below section showing on front end but not in cornerstone

Hi Team, On this page: https://hybridpharm.com/ottawa-wellness-events/

I am seeing a gap on the front end: https://imgur.com/a/nFNJuqX

I do not see it in the backend and there is no bottom margin on the section. I even added mbn as well just incase. This wasn’t there before and i’m not sure why it is all of a sudden.

Any ideas? Thank you in advance

Hello @reform,

Thanks for asking. :slight_smile:

I checked the screenshot but on the shared link I don’t see Team section. If you are referring to the space under the section (as shown in screenshot) then you need to adjust the padding values of the section.

Thanks.

it was actually at the bottom before the footer. Strange thing now that it isn’t showing that gap and again looks as it should be.

straaaange. I did check on a few browsers and two different computers. Oh well! temporary ghost in the site!
Thanks

Glad it’s okay now, it could be due to caches as well. Thanks!

1 Like

Hi it’s happening again. You can see here https://hybridpharm.com/

It might disappear again but I cleared every possible cache (borwser, cloudflare wp-engine)
I tested in different browsers and private windows as well and see it

Has anyone else has this issue?

Hi again,

I can see that gap too, that’s actually the padding given to that section (see screenshot)

Just remove the padding to fix the issue. You can also add classes ptn pbn to that section to make sure it has no top and bottom padding.

Hope this helps!

that wouldn’t be the issue though as the padding is on the inside of the section and the section has a background image.
I’m also using percents for the section padding so not sure where the em is coming from?

The gap disappeared again as well without me changing anything.

Seams like this happens when I make an update elsewhere on the page and then it adds this strange gap for a few hours. Again all caches have been cleared each time as I know caching can often cause issues.

Screenshots of the section from within cornerstone: https://imgur.com/a/HgyXIOj

Hi,

Since the issue is intermittent.

You can try checking using google inspect element to check what is causing the issue. For your guide on how to check kindly watch the video below.

Hope that helps

Thank you, I do use inspect quite often. The issue is still happening.

The issue is that there is nothing set in cornerstone or my css that would be causing that gap.

I don’t understand how/why that padding would affect this as mentioned i’m using a background image in the section as well. No where in that section have I assigned those values either

Can someone please take a look?

Also, does it make sense that there is a section within a section? It shows section 6 contained within section 5?

Hey @reform,

Thanks for pointing that out. That is not normal. It’s usually caused by unclosed HTML somewhere in your content. Please save your page as a template and then load the template in a test page and then remove sections one at a time to filter out where the issue is coming from.

Also check all areas where you’ve manually added HTML.

Thanks.

Ity seams like it is the raw element in the section above that contains the modern events calendar shortcode.

I went thoroughly through each element, row column of that section and there is really not much custom html in there or anything that should be affecting it this way.

Do you know how I can fix this? I do need this shortcode in there.

Thank you

Hi @reform,

Have you done customization with the calendar? Please provide your site’s URL and admin login credentials in a secure note. And please add the shortcode again so we could check.

Thanks!

Hello There,

Regretfully the given credentials is not working for us. It seems that the password is incorrect.
Please double check it.

Thank you.

Hi @RueNel, my apologizes. I updated it above so please try that

Hey There,

I was able to logged in and I can confirmed that the issue is coming from the MEC shortcode. It seems that the shortcode output is missing </div>. This could be a bug in the plugin. To temporarily resolve this, I added [MEC id="2047"]</div> in your raw content element instead.

Please check your site now.

Hi there. I just had a chance to check and the closing div tag seamed to mess up the whole homepage: https://imgur.com/a/QMZnXBG

Removing it fixed the issue and the gap is now gone.

Strange as I didn’t update the plugin or anything? Well a gap is better then the footer going up in the header atleast.

Thank you for all your help. if the gap re-appears i’ll reach out to ME calendar directly as it’s an error with their plugin and not x

Thank again

You’re most welcome and glad it’s okay now :slight_smile:

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