Menu Cutting Off

  • I’ve added some submenus at the top of the page, but they seem to be cutting off by the bottom edge of the header section. How do I get them to flow over that edge? I didn’t see an option within the block to change this.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello, the logo, tagline and navigation are inside a cover block and the cover block is set to clip or cut off any element that goes beyond the cover block area or rectangle, and that is what we see happening with the submenu.

    You could add an Additional CSS Class to the cover block; for example: my-cover-block and then via Appearance > Editor, edit any template then access Styles menu in the sidebar to add the following global additional CSS …

    .wp-block-cover.my-cover-block {
  overflow: visible;
}
    • Please adapt the above CSS to your requirements
    • Any reason why a cover block was used and not a header template part?
    • Anyway, hope this helps and good luck!
    Thread Starter OscarGuy

    (@oscarguy)

    I needed to have text over an image and I couldn’t get what was there to work, but the cover block worked exactly as I wanted it. The header block is still there, but the cover block is inset into the header block.

    As to that code, I inserted it into the CSS and it doesn’t seem to have changed anything.

    Hi, the Additional CSS Class my-cover-block has not been added yet to the cover block. Edit the cover block and the CSS class, as follows:

    Cover block Additional CSS Class(es) field

    Thread Starter OscarGuy

    (@oscarguy)

    Thanks. I’ve added that tag and applied globally, but it still doesn’t seem to have any effect.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu Cutting Off’ is closed to new replies.