Mega menu title font/size

- 9 years, 10 months ago anshuarya
  Participant
  
  Expired
  
  How can I modify the Mega menu column title font/size so that it looks smaller than its parent elements and more indented when in the small menu?
  
  Note the picture: “SERVICES”, “TRAINING ACCELERATION”, and “APPLICATIONS” are sub-items of “DEEP LEARNING”, but they look larger than “DEEP LEARNING” and are not very indented.
- 9 years, 10 months ago anshuarya
  Participant
  
  Expired
  
  Similarly, how do I make the Top-level items look bigger?
- 9 years, 10 months ago anshuarya
  Participant
  
  Expired
  
  When I modify the settings in Specular -> Header Options -> Dropdown Options -> Megamenu title, both the top level and the second level items change, but the second level items remain bigger.
- 9 years, 10 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  @media (max-width: 480px){ .menu-small ul.menu .codeless_custom_menu_mega_menu h6 { font-size: 10px; padding-left: 54px; } .menu-small ul.menu > li > a { font-size: 14px;} }
  
  Result.
  
  Best regards!
- 9 years, 10 months ago anshuarya
  Participant
  
  Expired
  Thanks for the hint, I actually ended up having to do !important to make it work though:
  
  .menu-small ul.menu .codeless_custom_menu_mega_menu h6 { font-size: 10px !important; } .menu-small ul.menu > li > a { font-size: 14px !important;}

Viewing 4 reply threads

You must be logged in to reply to this topic.