Category menu slider and mega menu

[gio153]

Hi,

1. My category menu (navigational widget) is not sliding left and right on mobile, just as your Claue demo does. It stacks every item making the menu bigger than necessary. How do I fix this?

2. Mega menu: With many menu items the columns in the mega menu get too long to fit on the screen. Also, header items on the right having multiple menu items and menu sub items get cut off on the right side of the screen. Can this be adjusted or fixed?

 

[Harry]

Hi,

Thank you for choose our theme.

1. Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 767px) {
.menu-nieuw-header-container {
min-width: 1150px;
width: auto;
text-align: left;
}}

2. Please go to Menus > Edit Main menu and add class “mega-menu” to parent menu item https://tppr.me/KWysu

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[gio153]

Thanks Harry for that feedback! Love the theme so far, well done.

1. Your code works, thanks!
2. The mega-menu CSS class does center the mega menu which is helpful in making sure items do not fall of the right side of the screen. It does however not solve the issue with items falling of the bottom of the screen. Is there a way to structure a long list into, say, 4 columns? Without resorting to adding sub items such as A-F, G-L, M-P, Q-Z for instance.
   I have Googled a CSS class code like “mega-menu hide headings col-4” could work but that is inside another theme and does not function as such in Claue.

[Harry]

HI Gio,

I’m sorry our theme not support auto arrange menu to 4 columns, you have to manual arrange the menu.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts