Support » Theme: Lodestar » Menu not moving while scrolling

  • Resolved stefanorea

    (@stefanorea)


    Hello!,
    In the preview of this theme I see that when I scroll down the menu disappears from the top edge of the page and reappears again with some space from the top edge of the page letting you see a small portion of the content of the page above….like the menu sticks at 1cm from the edge and the page scrolls underneath the menu….in my website when it reappears after you scroll it’s on the top edge of the page without the space that let’s you see the previous content you just scrolled…
    How do I activate the function or move a bit down the menu while scrolling?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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.

    supernovia

    (@supernovia)

    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.

    stefanorea

    (@stefanorea)

    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

    Jarret

    (@jarretc)

    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.

    stefanorea

    (@stefanorea)

    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

    Jarret

    (@jarretc)

    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" />

    stefanorea

    (@stefanorea)

    Hi Jarret,
    SuperThanks!
    Everything worked, both the menu and the logo!
    Grazie

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.