Hi, do you have a screenshot of the space you’re referring to? You can use https://snipboard.io to upload the image and provide the link here.
Otherwise, looking at the preview of the theme and your live site, the menu is displaying the same way on both for me when scrolling down.
Agreed – it looks like the demo to me. I don’t see a space. I do see that the theme goes away for a moment then reappears, as it does in the demo.
Hi Jarret, Hi Supernovia,
Below attached a screenshot of my site:
MySite
Here is the template:
Template
As you can see my menu sticks in the top edge of the window, while the template is a couple of centimeters down from the top of the edge, I drew an arrow to highlight the space….
Thanks for your help!
Best Regards
Stefano
Thanks! I see what you mean by that space. I don’t think that spacing is intentional on the demo and the space above the menu is a result of how the demo is loaded onto the page.
That said, if you want it to look the same as the demo on your site, you can add the following to Appearance->Customize->Additional CSS
.site-header-fixed {
margin-top: 50px;
}
You can adjust the 50px value to your liking.
Jarret, Thanks!!!
2 things if I can ask 😉
1. Thanks for the CSS, I will add it, but the nice thing of the “mistake” of the demo was that, when on top/beginning of the page it was sticking on the edge, after the second it disappears, it reappears 2 centimeters down, any clue how to replicate that?
2. Since you are so helpful, can I ask you how to substitute on the right top edge the text field and put a small picture? Where I currently have contacts, I’d like to have a small logo….
Thanks for all your help!
Stefano
1. If I’m understanding correctly the code I provided should accomplish that. You’re wanting the menu to have a space above it showing the site content after it reappears when scrolling down correct?
2. For that area, you can modify the value in Appearance->Customize->Theme Options->Header Top Text
Depending upon your logo location, in the Header Top Text 1 textarea you can use HTML to insert an image:
<img src="https://yourimage.com/image/location.jpg" />
Hi Jarret,
SuperThanks!
Everything worked, both the menu and the logo!
Grazie
