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

Drop Down Menu Problems

  • sterndesign
    May 14, 2024 at 1:42 pm

    Hi there,

    I’m using a block element to add the site header seen here: https://turnkeylocal.net/

    When you hover on the “Services” menu item, you can see that the sub menu is cut off by the bottom of the header container.

    Any idea on how to fix?

    Thanks as always!

  • Ying
    May 14, 2024 at 2:53 pm

    Hi there,

    1. add this CSS:

    .site-wrapper {
    z-index:100;
    position:relative; 
}

    2. remove hidden from overflow-x and overflow-y from the nav container.

    Plus I don’t think the site-wrapper element is applied to the correct position. You might want to check that, and it also might be better to use this method to make the page full width instead of using the WP align full option.

  • sterndesign
    May 14, 2024 at 9:14 pm

    Thanks Ying. Can you clarify two things?

    1) What do you mean by the site-wrapper element is applied incorrectly?

    2) As for the full width approach, are you referring to the header element or the homepage?

    Thanks!

  • Ying
    May 15, 2024 at 9:20 am

    1. the site-wrapper is inside the header-wrapper, and the header-wrapper wraps the site, it doesn’t look right:
    https://app.screencast.com/LzfLcsnxhiJyb

    2. The entire page.

  • sterndesign
    May 15, 2024 at 11:43 am

    hmm, I see what you mean. That issue only appears to be on the homepage. Could it have something to do with the Transparent Header Element? That element is only used on the homepage.

    Regarding the full-width suggestion, I set the content container to “Full-Width” and set the hero section block alignment to “Default.” I believe that’s what you meant.

  • Ying
    May 15, 2024 at 1:44 pm

    Yes, the header-wrapper is added by merged header element, it’s likely caused by HTML error in the header element content. Please check if you miss anything closing tag.

    Regarding the full-width suggestion, I set the content container to “Full-Width” and set the hero section block alignment to “Default.” I believe that’s what you meant.

    Yes, that’s what i meant 🙂

  • sterndesign
    May 15, 2024 at 1:51 pm

    Thanks Ying,

    I’m not sure how a closing tag would be missing, since I’m using the block editor to build the element. But I’m not a great dev, so maybe I’m misunderstanding. 😉

    Could it be that the header element uses legacy global styles?

  • Ying
    May 15, 2024 at 2:17 pm

    I don’t know, it’s hard to tell.

    Global style is CSS, it does not interfere with HTML.

    Try disable the merge function of the header element to see. 🙂

  • sterndesign
    May 15, 2024 at 8:54 pm

    Nice one, Ying. I think that did the trick. Appreciate the help!

    -Matt

  • Ying
    May 16, 2024 at 8:46 am

    No Problem 🙂

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