Long menu truncated on short pages

  • If the menu is particularly long, and the page is particularly short, the menu can be truncated. This is most prominent on the login page, as it is not very tall to begin with.

    The site (including the menu) is contained by <div id=”page” class=”hfeed site”>. This element is set to overflow: hidden (from .site in framework.css). Removing overflow: hidden seems to fix the problem, but I don’t know if it’s needed for other reasons.

    Is this an issue that can be addressed by the theme developers? I’d prefer that to an override I need to maintain.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Roch

    (@rochesterj)

    Hi!

    Would you mind pasting the link to your website here, so we can check it out?

    Kind Regards,
    -Roch

    Thread Starter Kriona Hagen

    (@kriona)

    The issue won’t manifest for anonymous users – the menus are short enough to accommodate every page. You’ll need to use dev tools to get rid of the page content/sidebar in order to reproduce.

    https://www.madisongayhockey.org/login/

    Roch

    (@rochesterj)

    Hi!

    I’m unable to reproduce this here. Would you mind sending us a screenshot?

    Kind Regards,
    -Roch

    Thread Starter Kriona Hagen

    (@kriona)

    I created this page with no content. You can see the issue by using the “Hockey” menu.
    https://www.madisongayhockey.org/blank/

    I’m able to reproduce in Firefox, Chrome, IE11, and Edge.

    Here’s an image:
    Screenshot of the cropped menu

    Roch

    (@rochesterj)

    Hi!

    I see what you mean now, it’s about the submenus ??

    Sure, you could remove the overflow hidden there. It’s probably there for legacy issues (the floatbox, in older browsers). For an easier to maintain code you could use the custom css field under the plugin options

    Kind Regards,
    -Roch

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Long menu truncated on short pages’ is closed to new replies.