[Resolved] Sticky topbar and navigation issues

Home Forums Support [Resolved] Sticky topbar and navigation issues

Home Forums Support Sticky topbar and navigation issues

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2224282
    Almog

    Hi there,
    Here is the website: https://www.calgarygaragedoorsrepair.ca/
    I’ve added the code to the website to allow the topbar to be sticky and increased the z-index
    It looks like the topbar still goes behind all of the content.
    Also would like help on how to make sure when I add a block to a new blank page
    I don’t have to add margin from the top so the block wouldn’t go behind the navigation.

    I’m using Elementor as the page builder.

    Thank you!

    #2224449
    Ying
    Staff
    Customer Support

    Hi Almog,

    It’s because you are using a header element which merges the header and the content.

    This setting creates an extra level of <div> as the parent of the topbar and header.

    In order to make the sticky topbar to work and based on your layout, I would recommend remove the header element at appearance > elements.

    #2228046
    Almog

    Hi Ying!
    Thanks it worked!

    Also I’m referencing to this thread https://generatepress.com/forums/topic/footer-sticky-bar/
    trying to make a sticky footer bar to show only on mobile but I can’t seem to get it to work for some reason,
    Can you check my code and see why it doesn’t show up?

    #2228156
    Ying
    Staff
    Customer Support

    Can you open a new topic and point us where we should be looking at as I don’t know what hook you are using?

    #2228161
    Almog

    sure, thanks for the help on this one!

    #2228166
    Ying
    Staff
    Customer Support

    No problem 🙂

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