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.

GeneratePress GenerateBlocks

Mobile Menu Overlaps with Accordion Content Block Using Anchor Links

  • fueradelmapa
    April 20, 2024 at 8:23 am

    Hi there,

    I have an accordion with several tables within it, and to improve within this accordion, I’ve incorporated anchor links within an Accordion Content block positioned at the beginning.

    The anchor links function perfectly on desktop, but on mobile devices, the mobile menu partially overlays the Accordion Content block, with the accordion content scrolling to the top of the page.

    Do you have any suggestions on how to ensure that the accordion content scrolls beneath the mobile menu? I’ve tried adjusting the placement of the anchor links, but so far, I haven’t been able to resolve the issue.

    Thank you for your help!

  • Ying
    April 20, 2024 at 11:10 am

    Hi there,

    Can you try enabling the mobile header and setting it to sticky?

    Then add this CSS to hide the sidebar on mobile?

    @media(max-width: 768px) { 
.left-sidebar .sidebar {
    display: none;
}
}

    Let me know if this helps!

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