Problem with mega menu (styles) - by Peter

This topic has 11 replies, 4 voices, and was last updated 3 years ago ago by Rose Tyler

  • Avatar: Peter
    Peter
    Participant
    February 22, 2021 at 13:44

    I have a problem with mega menus and styles.

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 22, 2021 at 19:24

    Hello,

    Did you use Stretch row option of the mega menu static block? Disable this option. Mega menu does not support the stretch row option of the WPBakery builder.
    Let me know if it helps. If not then provide us with WP Dashboard access.

    Regards

    Avatar: Peter
    Peter
    Participant
    February 23, 2021 at 08:19

    Hi,

    I know about this option, I’ve changed it in different ways and the effect is still the same.

    Please contact administrator
    for this information.
    Avatar: Peter
    Peter
    Participant
    February 23, 2021 at 12:36

    There is something wrong with the “row” settings.

    Please contact administrator
    for this information.
    Avatar: Muhammad Zaki
    Muhammad Zaki
    Support staff
    February 23, 2021 at 19:53

    Hello!

    I can see the issue with the mega menu.

    I am sorry but wp-admin details do not work. Can you please check, it gives me the error:
    https://share.getcloudapp.com/2NuEmpeR

    Thank you!

    Avatar: Peter
    Peter
    Participant
    February 24, 2021 at 11:49

    Hi, everything works correct.
    Your system has added gaps to your password only, and you shouldn’t have any.
    There are no spaces in the password.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 24, 2021 at 18:22

    Hello,

    You can’t use the Stretch option for the menu static block becasue WPBakery does not calculate the block width correctly if it’s placed in the menu and we can do nothing with this.
    I have added custom class https://prnt.sc/105t8pv to change the color of the mega menu https://prnt.sc/105t90f
    Do you want to make that menu full width?

    Regards

    Avatar: Peter
    Peter
    Participant
    February 25, 2021 at 08:23

    Hi,
    Thanks.
    Yes, i want full width, now it’s a little breake in the right side.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 25, 2021 at 16:16

    Hi,

    Try to add the next code in Theme Options > Theme custom CSS:

    .item-design-mega-menu, .item-design-dropdown {
        position: static;
    }
    .header-top,.header-main,.header-bottom {
        position: static;
    }
    .item-design-mega-menu .nav-sublist-dropdown , .item-design-dropdown .nav-sublist-dropdown {
        left: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }
    .item-design-mega-menu .nav-sublist-dropdown:before, .item-design-dropdown .nav-sublist-dropdown:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 40px;
        bottom: 100%
    }

    Regards

    Avatar: Peter
    Peter
    Participant
    March 1, 2021 at 10:21

    Everything ok.
    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 1, 2021 at 10:24

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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