New Landing › How can we help? › Themeforest Theme Support › Joyn › How modify submenu with two columns ?

Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • 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
Viewing 15 posts - 1 through 15 (of 16 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register