Home › Forums › WoodMart support forum › Display of menu categories, in horizontal view

Display of menu categories, in horizontal view

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 9, 2023 at 2:30 am #519918

    sadovit.help
    Participant

    Hi, thank you for the great topic!!
    In the process of settings, I had one question related to the display of the main menu and categories:
    1) When the menu items “All products” are displayed by default in a vertical list, I need to implement so that all categories and subcategories are displayed horizontally… I tried to configure it myself and this is what I got
    https://i.imgur.com/bjM4Z7T.png
    But not all categories are displayed and scrollbar is not displayed

    I have tried all possible display methods:
    https://i.imgur.com/5pljTjv.png
    But I can’t make it so that all categories are displayed horizontally.
    I’m trying to get the menu to look like the demo theme: https://i.imgur.com/YwZXZS7.png

    I understand that there are quite a lot of categories and subcategories, but they should all be displayed, maybe somehow you can add a vertical scroll bar.. and limit the height of the area.. Please help to solve this problem

    2) In the main menu horizontal, I also cannot adjust the horizontal display of categories and subcategories, in the last two points:
    https://i.imgur.com/rprBdgC.png
    https://i.imgur.com/1VqyvNu.png
    https://i.imgur.com/8xuYQDs.png
    In the “design” settings, I choose – “FULL WIDTH” and then click “SAVE” and it does not save, it simply returns the default value and nothing changes..

    I just need a horizontal list to be displayed when hovering over all menu items (categories)
    As in the demo theme:
    1) https://i.imgur.com/KuhEJb0.png
    2) https://i.imgur.com/YwZXZS7.png
    I tried everything I could, please help

    December 9, 2023 at 7:59 pm #520063

    Hung Pham
    Keymaster

    Hi sadovit.help,

    Thanks for reaching to us.

    1. If you enabled Enable scroll Yes then you need to put height value as well https://prnt.sc/wdrm3HLYhMYt

    Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

    .wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width).wd-dropdown.wd-scroll{
    min-height: auto;
}

.wd-dropdown-menu.wd-dropdown.wd-scroll.wd-design-full-width .wd-sub-menu {
    max-height: var(--wd-dropdown-height);
		overflow: hidden;
    overflow-y: auto;
}

    2. In order to create Mega menu, please refer to this article for more details https://xtemos.com/docs-topic/create-mega-menu/

    Regards,

    December 16, 2023 at 3:55 pm #522206

    sadovit.help
    Participant

    Thanks for the help!
    1) Please tell me how to implement so that when the product category is listed on the item, the subcategories are displayed opposite the category and not at the beginning?
    https://i.imgur.com/RgjRijy.png
    https://i.imgur.com/mpYKtO1.png

    December 17, 2023 at 12:42 am #522247

    sadovit.help
    Participant

    Help with the menu by categories:
    The first seven categories are displayed correctly
    https://i.imgur.com/74SE5YR.png
    The last three menu items are displayed by default, I cannot change the display (Full widht, Full height, Set sizes, Aside).
    That is, I change the display to “Set sizes” save the menu and the display is not saved, the display remains the default. That is, I cannot change the display in the last three points in any way, please help.
    https://i.imgur.com/c5VzrQT.png

    “Categories” menu
    https://i.imgur.com/NTbJrxH.png

    Please help, I’m trying to display all menu items as “Set sizes”
    https://i.imgur.com/ru01UXF.png

    I can’t understand why the first seven points are displayed correctly, and the last three points I change the display type to “Set sizes” I save the settings, and it is not saved, everything is returned with a silent type

    December 17, 2023 at 5:10 pm #522307

    Hung Pham
    Keymaster

    Hi sadovit.help,

    1. By default, submenus’s height always 100%, but you added Custom CSS code to control its height https://prnt.sc/R0fncDQtcNaR

    You can try adding the following Custom CSS to Theme Settings > Custom CSS > Global custom CSS

    .wd-nav.wd-nav-vertical > li.menu-mega-dropdown {
    position: relative;
}

    2. If it doesn’t work only for the last menu items then it is a problem with the PHP max input vars limit. It simply can’t process a large amount of data when you save the menu. Try to contact your hosting provider and ask to increase this parameter. You can check its value in WooCommerce -> System status.

    Regards,

    December 19, 2023 at 3:55 pm #522954

    sadovit.help
    Participant

    Thank you very much, I managed to set up the menu)))

    December 19, 2023 at 6:45 pm #523052

    Hung Pham
    Keymaster

    Hi sadovit.help,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,

  • Author
    Posts

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Display of menu categories, in horizontal view’ is closed to new replies.