Dropdown Menu To Long And Over The Window View

Skip to content
WordPress.org

Forums

  • Welcome to Support
  • Guidelines
  • Get involved
  • Log in
  • Welcome to Support
  • Guidelines
  • Get involved
  • Log in
Skip to content

Forums / Theme: Allegiant / Dropdown menu to long and over the window view

Search for: Search forums
  • octavii

    (@octavii)

    4 years, 6 months ago

    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. Is it possible to split the dropdown menu into two columns?

    Thank you in advance.

    Octavii

Viewing 5 replies - 1 through 5 (of 5 total)
  • beatrice12

    (@beatrice12)

    4 years, 6 months ago

    Hello @octavii,

    Thank you for reaching out to us!

    Can you please give us a link so we can take a closer look?

    Thank you, Beatrice.

    Thread Starter octavii

    (@octavii)

    4 years, 6 months ago

    Hallo Beatrice,

    The link of my website is: http://www.octavius.legal.

    Octavii

    beatrice12

    (@beatrice12)

    4 years, 6 months ago

    Hi Octavii,

    Please follow the steps here: https://www.prowebdesign.ro/wordpress-sub-menu-items-split-in-2-columns-the-easy-way/

    This should work.

    Please let me know if you have any other questions!

    Warm regards, Beatrice.

    Thread Starter octavii

    (@octavii)

    4 years, 6 months ago

    Hi Beatrice,

    It worked, but the width of the other dropdown menus has unfortunately been increased as well. Is there a way to prevent that? The CSS I use 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

    Miha

    (@mplusb)

    4 years, 6 months ago

    Please replace this code:

    .sub-menu { width: 410px; }

    with this code:

    .sub-menu-columns .sub-menu { width: 410px; }
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Dropdown menu to long and over the window view’ is closed to new replies.

  • Allegiant
  • Support Threads
  • Active Topics
  • Unresolved Topics
  • Reviews
  • 5 replies
  • 3 participants
  • Last reply from: Miha
  • Last activity: 4 years, 6 months ago
  • Status: not resolved

Tag » How To Show The Column Drop Down Menu In Woocommerce