Large Space Below Main Navigation

Hi @kkoser,

When I inspect your site element and compare to the out of box default flash theme element, I found a difference and I think you have replaced the generic slider with another plugin or some plugin is interfering with the generic slider. I believe there’s a conflict due to some plugin. Try deactivating the plugin one by one until the issue is resolved. If the problem goes away, enable them one by one to identify the source of your troubles.

Thanks and Regards,
Milan

I tried deactivating all of the plugins, but the problem persisted. Any other thoughts?

Hi @kkoser,

Are you using the default slider or are you using the slider plugin on your website? It seems like you are taking help of other plugin for the slider. Please confirm that and let me know.

Thanks and Regards,
Milan

I am using a slider plugin. One of the internal pages is not using the slider, but the issue is also present there. Also, when I deactivated the slider plugin the issue persisted. Do you still believe the slider could be causing the space inside the header?

Also, we are using the free template. Would the paid template have an option to disable the header completely so that users do not see the page title on each page?

Hi @kkoser,

Yes, I believe it’s the external plugin causing the issue and you said the issue persist even after the deactivation that must be the cache making such effect after deactivation.

And about the title on each page, please add following CSS.

.trail-title {
    display: none;
}

This should resolve your issue.

Help link?https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

And about the paid, i.e premium theme of the flash, you get many flexibility and option if you purchased it. You’ll have an access to our query portal which is more prompt and many more features along side beautiful demos.

https://themegrill.com/themes/flash/

Thanks and Regards,
Milan.

Hi @rubick322

I just tried deactivating the slider plugin again, then flushing the cache and the issue still persists. When looking through Inspect Element on Chrome I see this: <div id=”masthead-sticky-wrapper” class=”sticky-wrapper” style=”height: 204px;”> and when I change the height to 75px through Inspect Element, the issue is fixed. I don’t know a lot of coding, so I am not sure if it’s possible to change that height in the code. This is happening on every page of the website, even when no plugins are activated and the cache has been cleared. Any suggestions?

Thank you!

I contacted WordPress support to see if they can help me with this issue and this was their response:

From what I’m able to find, the entry-content of the theme loads a 12px margin on top, which you noticed the minor gap just below the menu (before scrolling down). To remedy this, please browse to Customizer ( https://wordpress.com/customize/ ) >> Additional CSS and add this code at the bottom there: `/* Remove margin top | 2968541-zen EH */
.entry-content, .entry-summary {
margin-top: unset;
}
`
I do want to share that this CSS code is considered unsupported, as from what I can find – it appears the top margin was added by your theme’s CSS.
You will want to certainly let your theme developer know about this, so they can ensure this does not happen in future theme updates.
Hope this helps!

I added the code to the CSS and that also did not work. I told WordPress how that code did not resolve the issue and they responded with this:

I looked into the options available at the moment and I’m afraid that because you’re running a third party theme, we won’t be able to provide further CSS support, but reaching out to the theme developer should help you in your quest.

So from what they said, it’s definitely something within the theme. Can you please take a look at it and let me know if there’s anything that you can do to help?

Thank you!