Navigation Sub-menu Opening Off Page

  • I don’t have a link to share because I am creating my site in Local. Hopefully I can explain this sufficiently.

    I have my main navigation placed at the right side of the page. One of my menus has a sub-menu that is opening to the right (which I understand is how it is set up for this theme), but it opens off the side of the page. I’ve tried a few CSS tweaks to the custom class that I created for that sub-menu in order to have it open to the left, but nothing seems to be working quite right. Is there an easy bit of CSS for changing the direction that the sub-menu opens?

    Thank you so much for any help!!

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

  • Hi @jennyhp2001, thanks for writing in!

    You can explore using an AI tool for CSS. Alternatively, you can share to us here a screenshot how the submenu currently looks like. Can you please elaborate more on what you mean by “but it opens off the side of the page.”? You can also make some annotations to the screenshot to show where you want the submenu to open instead.

    Thread Starter jennyhp2001

    (@jennyhp2001)

    Thank you for your reply Kel. Here is a screenshot. As you can see, the Resources sub-menu is opening off the page. I need it to open to the left.

    Hi @jennyhp2001 thanks for sharing your screenshot. I see what you mean, I’ve tested this on my site and although the submenu opens, it’s hidden on the right side of the screen. You can then scroll the screen to the right side, to view the hidden or cut off submenu. This shouldn’t be the case, and it looks like you may have found a bug!

    I’ve reported this here https://core.trac.www.ads-software.com/ticket/62116 . Although there’s no time frame when that will be fixed, you can consider these:

    • Move the navigation menu to the left side of the site. That way, when the submenu is opened, it won’t be hidden on the right side of the screen.
    • Or move Youth to the left, for example, before the Events Calendar.
    • Or use another theme in the meantime. Please note that when you change themes, the layout and design will change and when you go back to your previous theme, you may have to re-add your menu, or some elements that have changed.

    If you set the Navigation block’s justification to the right edge (third option), that should be a simpler (temporary) fix. The horizontal submenus go inside (against the arrow direction) with right justification.

    If you switch to another block-based theme, you likely would have the same issue with the Navigation block in that theme, too. I was able to find the same problem with Twenty Twenty-Three and Twenty Twenty-Four.

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