• 

  Simon

  Participant

  March 26, 2026 at 19:31

  Hi, I have created a mega menu as a sub menu for the all categories dropdown from the menu header bar (one for each, but all the same style – see screenshot). The problem is for the items closer to the top you can mouse over over to the mega menu, but for the bottom items, as the mega menu aligns to the top, and is short in height, you can mouse over to it as it disappears.

  Is there a way to change the alignment of the mega menus, or is there a way to fix their height so they are always longer and can be moused across to?

  Files is visible for topic creator and
  support staff only.

  #467938 Copied
  4 Answers
  

  Jack Richardson

  Support staff

  March 27, 2026 at 07:19

  Hello @Simon,

  Please try using the following custom CSS:

  body .elementor-widget-theme-etheme_departments_menu .item-design-mega-menu:not(:nth-child(1), :nth-child(2), :nth-child(3)) .nav-sublist-dropdown {  
      top: 50%;  
      transform: translateY(-50%);  
  }  
  
  body .elementor-widget-theme-etheme_departments_menu .nav-sublist-dropdown ul > li.item-design-mega-menu {  
      position: relative;  
  }

  You can view the frontend result here: https://gyazo.com/5559a12f27c113d5d0ade0f696281d1e

  For more information, please refer to the CSS documentation: https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

  Best regards,
  Jack Richardson
  The 8Theme’s Team

  #467944 Copied
  

  Simon

  Participant

  March 28, 2026 at 02:45

  That worked, thanks Jack, excellent support as always!

  #468000 Copied
  

  Simon

  Participant

  March 28, 2026 at 02:45

  Thanks for the support! My topic “Mega Menu fixed alignment and height issue causing mouse over problems” has been successfully resolved.

  #468001 Copied
  

  Tony Rodriguez

  Support staff

  March 28, 2026 at 02:45

  Dear Simon,

  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

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