ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• December 9, 2015 at 1:41 pm #234218
  racheldeters

  Member

  Post count: 45

  Hello,

  I am trying to customize the font style and size within the mega menu and have tried adding the custom CSS (Please see: http://www.swiftideas.com/forums/topic/mega-menu-uppercase-and-lowercase/#post-213170) but have not had any luck changing the third level menu. I am wondering if there is any easy way to change the font to Montserrat, size 12?

  Thanks!
  Rachel

  Attachments:

  You must be logged in to view attached files.
  December 10, 2015 at 2:06 pm #234596
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a {
      font-family: Montserrat !important;
      font-size: 12px !important;
  }
  

  Thanks
  Mohammad

  December 14, 2015 at 6:07 pm #235355
  racheldeters

  Member

  Post count: 45

  Thanks!

  Is there anyway to make the make “Linens” (or the items listed beneath the sub-menu) a different font and size than “Bedding” (see screen shot to understand context).

  Attachments:

  You must be logged in to view attached files.
  December 15, 2015 at 11:25 am #235531
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a >  ul.sub-menu li.menu-item > a {
  font-size:8px !important;
  }

  Thanks
  Mohammad

  December 16, 2015 at 10:57 am #235822
  racheldeters

  Member

  Post count: 45

  Hello,

  I input that code into the custom CSS, however it still hasn’t changed the sub-menu font size. I even tried using 2px font to make sure it wasn’t subtle (see screen shots for reference).

  Thanks,
  Rachel

  Attachments:

  You must be logged in to view attached files.
  December 16, 2015 at 11:22 am #235836
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove the last code and use this new code:-

  ul#menu-main li ul.sub-menu li.menu-item   ul.sub-menu li.menu-item > a {
  font-size:8px !important;
  }

  Thanks
  Mohammad

  December 16, 2015 at 11:28 am #235839
  racheldeters

  Member

  Post count: 45

  It finally worked! Thank you so much!

  Best,
  Rachel

  December 16, 2015 at 11:29 am #235841
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. Glad to help you.
  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier