Dropdown Inline

Support
#1

Hey
I’m trying to make my dropdown menu inline instead of stack, is there a nice why to do that ?

my webpage

#2

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.desktop #menu-item-928 .sub-menu {
    max-width: 100%;
    min-width: 400px;
    left: 0;
}
.desktop #menu-item-928 .sub-menu > li {
    display: inline-block;
    width: 200px;
    float: left;
}

Let us know how it goes!

#3

Allright! That worked fine thanks…
Is it possible to make the sub menu as a underline beneath the normal menu, and make static like this
http://thorafotografi.dk ( is you click in “kategorier” you will see)

#4

Hi There,

Please change the previous CSS to this:

.desktop #menu-item-928 .sub-menu {
    max-width: 50%;
    min-width: 260px;
    left: 0;
    display: block;
}
.desktop #menu-item-928 .sub-menu > li {
    display: inline-block;
    width: 200px;
    float: left;
}
#5

Ohh i don’t have permission for that :confused:

#6

Hey @Christensen,

As you can see, this needs custom coding, further customization from here would be getting into custom development which is outside the scope of our support.

Thank you for understanding.

#7

Hi There,

I mean you have to update the provided CSS to this:

.desktop #menu-item-928 .sub-menu {
    max-width: 50%;
    min-width: 260px;
    left: 0;
    display: block;
}
.desktop #menu-item-928 .sub-menu > li {
    display: inline-block;
    width: 200px;
    float: left;
}
#8

Thanks a million! everything works fine…

#9

You’re most welcome.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.