Megamenu width

- 5 years, 9 months ago climbingtrees
  Participant
  
  Hi, how can I change the width of the columns in the megamenu? Currently, I have two columns in the megamenu, but there’s a huge gap between them and it’s making the menu push up against the edge of the page.
  
  Kind regards,
  
  James
- 5 years, 9 months ago Mirela
  Participant
  Hello,
  
  Please add this css into your Custom Css box:
  
  nav .codeless_custom_menu_mega_menu.codeless_mega2 { width: 450px !important; } nav .codeless_custom_menu_mega_menu > ul { width: 80% !important; }
  
  Change the values to your wish.
  
  Best regards!
- 5 years, 9 months ago climbingtrees
  Participant
  
  Hi, I’ve just tried this with a variety of values, but I can’t seem to get it working right. I want the two columns to remain side-by-side (when I adjust your code they move to be one after the other).
  
  Please see the screenshot here to show what I mean: https://gyazo.com/c9236eddedc1d8361eb52e296b2e701b
- 5 years, 9 months ago Mirela
  Participant
  Hello,
  
  Add this line too:
  
  nav .codeless_custom_menu_mega_menu.codeless_mega2 li { width: 200px !important; }
  
  Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.