• 

  Martin

  Participant

  May 17, 2026 at 09:08

  Hello,

  I created 6 columns in a mega menu but understood the max width of the menu dropdown is the same as the site-wide page width which is currently set to 1300 px.

  Can I override the menu width for desktop (change to 1700 px max) without changing the general site width?

  This would give the menu dropdown more space and would not cram it into the general page canvas.

  It is best visible at https://www.pflanzkompass.at/elemente/ when you open den dropdown under “SHOP”.

  Thank you
  Best regards
  Martin

  #470386 Copied
  4 Answers
  

  Ayan Rahman

  Support staff

  May 17, 2026 at 10:42

  Hi,

  Thank you for reaching out to us.

  Custom CSS code can be used:

  @media only screen and (min-width: 993px) {
      .item-design-mega-menu .nav-sublist-dropdown>.container {
          min-width: 1700px !important;
      }
  }

  Warm Regards,
  The 8Theme Team

  #470391 Copied
  

  Martin

  Participant

  May 17, 2026 at 17:59

  Thank you! Best regards
  Martin

  #470399 Copied
  

  Martin

  Participant

  May 17, 2026 at 17:59

  Thanks for the support! My topic “Set mega menu dropdown width different from general page canvas site width” has been successfully resolved.

  #470400 Copied
  

  Tony Rodriguez

  Support staff

  May 17, 2026 at 17:59

  Dear Martin,

  Thanks for being part of our WordPress & WooCommerce community!

  We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

  Leave Feedback →
  (takes less than a minute)
  

  Together, we’re shaping a better WooCommerce experience for everyone.

  Topic closed.
  The 8Theme Team

  #470401 Copied
• Viewing 5 results - 1 through 5 (of 5 total)