Superfly and Essential Grid Issue

[kcreative]

Hi guys,

After updating the Essential Grid plugin the issue mentioned here: Superfly Menu remove Site Title and Tagline space is re-appearing.

Blockquote 2. When the menu is set to sidebar, the essential grid doesn’t recognize it as the “border” of the page and goes under. Any ideas how to fix that?

The CSS provided in that thread is still in the Global CSS. Any suggestions on how to fix it this time?

Thank you!

[marc_a]

Hi @kcreative,

Thanks for reaching out.

The reason why the CSS they provided you before is not working anymore because the essential grid changed the CSS class container. To fix your issue, you just need to change the new class name.

Instead of using this CSS identifier:

.esg-container-fullscreen-forcer {
	/*Your CSS code*/
}

Please update your code to this one:

.esg-esg-grid-1-1-fullscreen-forcer {
	/*Your CSS code*/
}

Hope that helps.

Thank you.

[kcreative]

Thank you for the help - didn’t even notice the class name was changed.

[marc_a]

@kcreative,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

[kcreative]

Hi, actually just noticed that the issue is still present on the sub-menu pages https://prnt.sc/u8auc5 , but it is not present on the front page… Any ideas how to fix that?

[christian]

Hey @kcreative,

The grid class is different in the Adventure page. Always check the class if you’re going to use custom CSS.

The real solution to this though doesn’t require CSS. You just need to choose Boxed Grid Layout as the Fullwidth one will span the full width of the screen. You just then set all your section’s padding to 0.

Hope that helps.

[kcreative]

Thank you for the help, this was exactly what I was looking for!

[marc_a]

@kcreative,

It’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.