• 

  vyabsley

  Participant

  May 29, 2020 at 12:06

  Hi,

  I have a menu item with a lot of sub items that I’d like to display in columns.

  I’ve been able to set custom font style etc for regular dropdowns (https://prnt.sc/spzzfj). Also, I can split them into mega menu columns if they have headers (i.e. I create custom link menu items as a to way put them into “folders”) (https://prnt.sc/sq00v0).

  However if I set the menu design to “mega menu” and select a number of columns but don’t have the products grouped using the above method with headers, the styling changes quite a bit. (https://prnt.sc/sq029u)

  Is there a way to force this mega menu with columns to match the font styling and item spacing of the regular drop downs?

  Thanks for any help! 🙂

  #239227 Copied Theme version: 6.3.4 WooCommerce version: 5.4.1
  4 Answers
  

  Rose Tyler

  Support staff

  May 29, 2020 at 12:30

  Hello,

  You can create the Mega menu using static block https://youtu.be/f07MBdnFPfk or use custom CSS code to change the styling of the current menu. Provide us with URL of your site, so we can give an example of the code.

  Regards

  #239230 Copied
  

  vyabsley

  Participant

  May 29, 2020 at 13:33

  I’ve included the URL of the site here:

  Please contact administrator
  for this information.

  #239233 Copied
  

  Rose Tyler

  Support staff

  May 29, 2020 at 13:55

  Add this code in Theme Options > Theme custom CSS:

  .item-design-mega-menu .nav-sublist-dropdown .item-level-1 > a {
      text-transform: none;
      font-family: "Aller_Rg";
  }
  .item-design-mega-menu .nav-sublist-dropdown > .container > ul > li {
      margin-bottom: .6rem !important;
  }

  Regards

  #239234 Copied
  

  vyabsley

  Participant

  May 29, 2020 at 15:01

  That CSS works great, thank you very much!

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