Okay
  Public Ticket #2862252
Sub menu in 2 column
Closed

Comments

  • Sudhir Kumar Singh started the conversation

    Hi,

    Can we make the submenu in 2 or 3 columns, 

    On my website, https://stp.svcnconstro.com product sub-menu is going out of the screen and not looking good.

    Kindly update us.

  •  1,798
    Support Agent replied

    Hi!

    Thank you for contacting us.

    In order to create mega menu please navigate to Appearance >Menus and enable CSS Classes in Screen Options, on top of your dashboard.

    8687606578.jpg

    Then add the btMenuWideDropdown class to the parent menu item (the first item you want in your mega menu).

    In order for mega menu to display correctly top menu item needs to have sub menu items, and those sub menu items need to have their child items.

    4330318731.jpg

    2635579197.jpg

    The example is from our Medicare theme, but the steps are the same for all themes.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Sudhir Kumar Singh replied

    Hi 


    I have used the css as suggested but output is diffrent. attached the src.


  •  1,833
    Support Agent 1 replied

    Hi,

    Since you have a lot of subitems under the item Products, you can try with the following CSS code and decrease the padding between items:

    .menuPort nav ul li a {
        padding: 0.5em 1em;
    }
    

    Also, remove btMenuWideDropdown class from the Products item.

    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Sudhir Kumar Singh replied

    Hi,

    Can we make the menu as i have attached in this mail,

    Kindly let me know.

    all submenu in 2 column.

    Attached files:  1.jpg

  •  1,833
    Support Agent 1 replied

    Hi,

    Unfortunately, that is not possible. You can only use the drop-down menu and decrease padding with the CSS code we have sent you or, use Mega menu which is used in case submenus have their submenus.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!