[Resolved] Submenu disappears from screen to the right

[Pieter]

The site has a menu, with submenu’s. When te screen from the visitor is too smal, the latest submenu disappears right from the screen. I has to shown to the left. Take a look on the site link
Look at the last menu; Extra’s – Meer informatie – folders

This is an update from a Joomla website link, there the submenu appears to the left if the screen is to small.

[Tom]

You could do something like this:

.main-navigation ul ul ul {
      left: auto;
      right: 100%;
}

If you want it to apply to only specific menu items, give that item a custom class in “Appearance > Menus”, and then do this:

.main-navigation ul li.my-custom-class ul ul {
      left: auto;
      right: 100%;
}

[Pieter]

ah thanks Tom, dat did the job!

[Pieter]

ow wait, on mobile those submenu’s are disappeared now…

[Tom]

Ah, change it to this:

@media (min-width: 769px) {
      .main-navigation ul li.my-custom-class ul ul {
            left: auto;
            right: 100%;
      }
}

[Pieter]

Thanks again Tom for your fast reply. It’s perfect now!

[Tom]

You’re welcome 🙂

[Author]

Posts