Dropdown menu to long and over the window view (part II)

  • Dear Sir / Madam,

    One of my subcategories contains more than 20 items, making the dropdown menu very long and not fully visible for the user. I’m using the code from the previous thread but is it possible to get two equal columns that does not gradually sprawl. See for example: https://www.prowebdesign.ro/wordpress-sub-menu-items-split-in-2-columns-the-easy-way/.

    The code I’m using is:

    .sub-menu-columns .sub-menu {
width: 410px;
}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}

    Thank you in advance.

    Octavii

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

  • Hi Octavii,

    Can you please send me the URL of you site so I can take a look?

    Thank you!

    Warmly,

    Mihaela

    Thread Starter octavii

    (@octavii)

    Hi Mihaela,

    The link of my website is: https://octavius.legal/

    Thank you in advance.

    Octavii

    Thank you! This happens because there is not enough room for all the elements one next to the other.

    You will need to increase the width and replace the first code with this one:

    .sub-menu-columns .sub-menu {
width: 450px;
}

    This should fix it!

    Warmly,

    Mihaela

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Dropdown menu to long and over the window view (part II)’ is closed to new replies.