Main Menu Needed As Scrolling

Hello,

For scroll menu you need to insert this custom code in Theme Panel -> Custom Code -> Custom CSS

.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.tdb-hover > ul
{
overflow: auto;
max-height: 400px;
}


Looks like this => https://www.screencast.com/t/MZaI8Ak2kli

Hope this helps you!

Thank you!

Hello,

I am not sure I fully understand, please provide more details about which menu you want to do or a link to your website where is the menu and some screenshots.

Thank you!

Hello,

Using CSS will be hard to achieve that, but you can use a page menu where you can set menu elements using WordPress editor or tagDiv Composer then assign the page to your menu.
For more information, please check this guide -> https://forum.tagdiv.com/page-menu/

Hope this helps you!

Thank you!

Hi,

You need to set all the sub menu elements in a page, and the page set it on the main menu (not on sub menu).

Thank you!

Hello,

That can be achieved with custom CSS or same more setting made with tagDiv Composer.
The faster one is with custom CSS, please try this code:

.menu-item-354 .menu-item-0 .col-xs-12 {
padding-left: 20px!important;
}
.tdb-menu .menu-item-354.tdb-mega-menu .sub-menu {
width: 720px !important;
left: 70%;
transform: translateX(0%);
-webkit-transform: translateX(-30%);
}

Look like this => https://www.screencast.com/t/XmYvvTgAyyL

Let me know the results!

Thank you!

Hi,

You can’t use the page menu on mobile. You need to make a mobile menu and set it on the menu mobile.

Thank you!