Header Overlapping Content Area on Single Post when Header Transparency Enabled
Latest update: May 29, 2018 | Reading time: 1 to 2 minutes
This problem occurs because the transparent header setting is designed to work when you use a media panel on your posts and pages. This way it lets the photo or slider of the media panel show behind the header and creates the desired effect. In your case, that you use the setting globally on all pages, it shows nice on pages that you use a media panel but problematically on the posts that you haven’t enabled any. You can fix this in many ways:
1. You can disable the global transparent header effect from the theme-options and enable only on the pages you have a media panel.
2. You may add a media panel to each of your posts or
3. Leave everything as is and use the following code in your Theme Options > advanced > Custom CSS
.single-post.transparent_header.sticky_header .main { margin-top: 100px; }
You can change the 100px to better fit your header height.
VALID FOR ALL VERSIONS OF HEALTHFLEX WP