Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

CSS Help – Slider Menu – Off Canvas Menu

  • Hello again,

    I need your assistance once again. You are better than me at finding and suggesting what is troubling me.

    Slider Menu pushing main content
    When I start scrolling on my desktop or mobile device, and the slider menu begins to appear, my main content shifts down by a few pixels in a jarring manner. Although this is not a critical issue, I would like a smoother transition. Can you suggest where the problem might lie? Unfortunately, I cannot provide a screenshot, but you can inspect the issue on the website here.

    Slider Menu 100vw width
    As you can see on this screenshot, I have two lines inserted via hr tag because I was unsuccessful in inserting two lines with 100vw width when I was scrolling. Here is the screenshot of how it looks like when I’m scrolling. Do you have any advice or suggestions on making the Slider menu complete 100vw width with two lines?

    There is a lot of custom code that I have written. Please let me know if I need to remove something or correct it.

    Thank you,
    J

  • Hi there,

    1. try adding this CSS and then see #2:

    #sticky-placeholder .inside-navigation {
        padding-inline: unset;
    }

    It will stop the hidden nav from resizing when the sticky appears.

    2. in the Customizer > Layout > Primary Navigation you can set the Navigation to Full Width, and then set the Inner Width to Contained.

    Now you can add CSS to style the border:

    .main-navigation {
        border-block: 1px solid #ccc;
    }

    And remove those HR, which i think may be affected #1

  • Thanks David, you are a great support! I have another question regarding the GB query loop… should I open a new post?

  • Yes please open a new topic.

    Glad to be of help!

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