When logged in to the website's Wordpress (www.sunilpatel.co.uk), the homepage and "/garden-blog/" page (and possibly others) have a gap between the top bar of the Wordpress menu bar and the header menu for the web page itself (see screenshot with gap highlighted in red. Most other pages on the site (such as /visit/, /book/ etc) do not show this gap. When scrolling down on affected pages, the gap disappears and the page menu header is at the top, the gap reappears when scrolling back to the top of the page.
I have tried to copy and paste the style from a "working" page to an affected one but that does not resolve the gap. I have used the Penci Wedding Photography theme (I think that's what it's called).
When not logged in to Wordpress, there is no gap and the header menu is at the top of the page, for all pages.
Do you know why these gaps are appearing on certain pages?
I've checked your site on my browser but have not found this issue, you should check it on another browser or clear all the browser cache then check again:
When logged in to the website's Wordpress (www.sunilpatel.co.uk), the homepage and "/garden-blog/" page (and possibly others) have a gap between the top bar of the Wordpress menu bar and the header menu for the web page itself (see screenshot with gap highlighted in red. Most other pages on the site (such as /visit/, /book/ etc) do not show this gap. When scrolling down on affected pages, the gap disappears and the page menu header is at the top, the gap reappears when scrolling back to the top of the page.
I have tried to copy and paste the style from a "working" page to an affected one but that does not resolve the gap. I have used the Penci Wedding Photography theme (I think that's what it's called).
When not logged in to Wordpress, there is no gap and the header menu is at the top of the page, for all pages.
Do you know why these gaps are appearing on certain pages?
Thanks,
Sunil
Hi,
For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check it.
Regards,
PenciDesign.
Hi,
I've checked your site on my browser but have not found this issue, you should check it on another browser or clear all the browser cache then check again:
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.penci-header-trans .penci-header-wrap {top: 0;
}
Regards,
PenciDesign.
Thank you very much, PenciDesign, that appears to have done the trick! The gap has gone.