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: Joyn
• June 7, 2015 at 10:33 pm #182135
  mengeco

  Member

  Post count: 558

  Hello,

  In main nav, I create a submenu with two columns? Ok but :

  1) The main subtitle is bold, ok, but his body is smaller than the normal subtitle
  2) The window is too large

  Is it possible to modify this two css ?

  Regards

  June 7, 2015 at 10:46 pm #182137
  mengeco

  Member

  Post count: 558

  This reply has been marked as private.
  June 8, 2015 at 6:03 am #182194
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code.

  li.menu-item.sf-mega-menu > ul.sub-menu{
  max-width:400px !important;
  }
  
  li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title{
  font-weight:normal !important;
  }

  Thanks
  Mohammad

  June 8, 2015 at 1:43 pm #182403
  mengeco

  Member

  Post count: 558

  Thanks Mohammad but

  1)the window is shifted to the left, it should appear under the main heading
  And if I use another wider submenu (eg. 3 columns), it will be too narrow. I don’t use a fixed width

  2) how modify line-height of submenu please ?

  June 8, 2015 at 2:51 pm #182438
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please remove Mohammad’s css, just check the box to use ‘alternate style mega menu’ on the parent menu item

  – Kyle

  June 8, 2015 at 3:21 pm #182459
  mengeco

  Member

  Post count: 558

  This reply has been marked as private.
  June 8, 2015 at 3:22 pm #182463
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try checking ‘natural width’

  – Kyle

  June 8, 2015 at 3:46 pm #182484
  mengeco

  Member

  Post count: 558

  Top ! Thanks Kyle !

  And how modify line-height of submenu please ?

  June 8, 2015 at 3:59 pm #182488
  Nishant – SUPPORT

  Spectator

  Post count: 649

  Hello,

  Please add this custom CSS box in your theme options.

  nav .menu ul.sub-menu li.menu-item > a {
    line-height: 1;
  }

  you can change the line height value according to your requirement, I have kept it to 1 because it was looking good to me. 🙂

  June 8, 2015 at 5:01 pm #182512
  mengeco

  Member

  Post count: 558

  Thanks Nishant ! line height is perfect !

  And I see that submenu two column > item “Equipe” is shifted on the left (see screenshot please)
  How center my submenu two column under his item parent ?

  Attachments:

  You must be logged in to view attached files.
  June 8, 2015 at 5:21 pm #182527
  Nishant – SUPPORT

  Spectator

  Post count: 649

  Okay, let me check again.

  June 8, 2015 at 5:26 pm #182533
  Nishant – SUPPORT

  Spectator

  Post count: 649

  Add this and let me know.

  li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a {
    text-align: center;
  }

  June 8, 2015 at 5:48 pm #182546
  mengeco

  Member

  Post count: 558

  Sorry but it don’t work

  Équipe

  June 9, 2015 at 4:56 am #182621
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .header-4 li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu {
  margin-left:285px !important;
  }

  Thanks
  Mohammad

  June 9, 2015 at 1:24 pm #182829
  mengeco

  Member

  Post count: 558

  Perfect !! Thanks Mohammad 😉

• Back to forum

  Posted in: Joyn