All Departments menu setting issues without using static blocks

This topic has 5 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Olga Barlow

  • Avatar: roy
    roy
    Participant
    November 22, 2021 at 17:52

    Hi, I got some issues when setting for the All Departments menu just using product Categories.
    1. Please see the “Groceries” menu, I select Mega menu option and select 5 for the Column option, but it always display the submenus in one column. I just want the submenus showing like in the Secondary menu.
    2. See the Beverages menu, I selected the dropdown option but it displays the submenus beyond the expected area. And when using the dropdown option, Changed the column option value has no effects.

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 22, 2021 at 18:58

    Hello,

    Watch this video tutorial on how to create a mega menu using Static Blocks but instead of the WPBakery page builder use Elementor https://youtu.be/f07MBdnFPfk
    Use this way to create multi columns mega menu for All departments.

    Regards

    Avatar: roy
    roy
    Participant
    November 22, 2021 at 19:51

    Hi,
    I had watched that video already. Using static block has some disadvantages like need extra designing, especially the hardcode link setting. That is why I don’t want to use it. In general, the settings for the Secondary and All Departments meus are the same, why the Secondary works with mega and column options settings but not for All Departments menu? I really need the solution without using static block.

    I saw that the display for the Beverages submenus is correct. please tell me what you have done.

    Thanks

    Avatar: roy
    roy
    Participant
    November 22, 2021 at 22:29

    Just now the dropdown submenus options works for the All Departments menu. It seems that it was because of my css setting: .nav-submenus-dropdown .container{padding-left: 200px;}. This setting made the wrong display for the submenu list. But the mega option does not work.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 23, 2021 at 16:18

    Hello,

    Add the below code to Theme Options > Custom CSS to show links in columns for the All Departments menu

    .et_b_header-menu .secondary-menu-wrapper .item-design-mega-menu .nav-sublist-dropdown>.container>ul {
        flex-direction: row;
    }

    Regards

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘All Departments menu setting issues without using static blocks’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.