Docs

[inalienablearms]

Hello,

I was able to find the code in the forum to have the sub sub menu fly out to the left instead of the right. We have a lot of pages in the menu, so position is a challenge. I noticed that the background isn’t covering the full text. Please see the screen shot.

Additionally, is it possible to tell certain menu drop downs to fly out left or right independently? For example, Longguns needs to fly out right, but LEO MIL needs to fly out to the left so that the text doesnt go off screen.

I will post the URL and Credentials in a private post below.

[inalienablearms]

This reply has been marked as private.

[Darshana]

Hi there,

Thanks for writing in! Could you please try adding this under Custom > CSS in the Customizer.

.desktop .sub-menu{
  min-width:320px;
}

Hope that helps.

[inalienablearms]

Perfect, that fixed the background size so it fits the text!

How about controlling the “fly out” side/location of the sub sub menu’s? Right or Left side of the menu dropdown. Currently, they fly off the viewport.

[Jade]

Hi there,

Please try this code:

.desktop #menu-item-878 .sub-menu .sub-menu {
    left: -115%;
}

Hope this helps.

[inalienablearms]

You’re phenomenal, that took care of my remaining issue. Thank you much!

[Joao]

Glad to hear it and thanks for the kind words!

[Author]

Posts