Do you have a dropdown menu with a large number of items? Such menus can be hard to navigate and even get outside of the viewport. The easiest solution to fix it is by adding a multi-column dropdown menu.

Please note that this is not the same as mega menu functionality, which can currently be achieved with an app.

Codetasker

Display Multi-column dropdown menu

$0.00 USD

Sale Sold out

Start A Project

Product variants

Prepay and save!

Codetasker Support Packs

Fast turnaround. No subscription. Dedicated experts.

Tell me more

/* if no javascript: get back ATC button */ body:not(.spo-loaded) [data-shopify="payment-button"], body:not(.spo-loaded).template-product form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-collection form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-index form[action="/cart/add"] [type=submit], body:not(.spo-loaded) form[action="/cart/add"] [type=submit] {opacity: 1; pointer-events: all} body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) button, body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="submit"], body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="button"], body:not(.spo-loaded) [name="checkout"], body:not(.spo-loaded) [name="goto_pp"], body:not(.spo-loaded) [name="goto_amazon_payments"] {opacity: 1; pointer-events: all}

Ready to discuss your project?

EMAIL

PHONE

Codetasker HQ

Project summary

Display Multi-column dropdown menu

Codetasker Support Packs

Project summary

Display Multi-column dropdown menu

Let's start here!

Display Multi-column dropdown menu

Project Price Regular price $0.00 USD Regular price Sale price $0.00 USD Unit price / per

Codetasker Support Packs

Project Price

Regular price $0.00 USD

Regular price Sale price $0.00 USD
Unit price per