Elementor Heading Issues When Using Ocean Sticky Header

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you have noticed any strange behavior with headings on Elementor pages (usually heading in the first section) when the Ocean Sticky Header plugin is active, for example heading switches sides or is displayed awkwardly, use the following CSS snippet to resolve the issue:

.oceanwp-sticky-header-holder {
    position: relative;
    height: 100% !important;

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.