Full width dropdown menu, boxed content - by Bas Kling

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

  • Avatar: Bas_Kling
    Bas Kling
    Participant
    May 4, 2020 at 21:41

    Hi,

    I would like to build a similar dropdown menu as https://www.bikextore.com/ (from your “Live Examples Showcase” page)
    Seems this should do the trick:
    https://prnt.sc/sawuzc

    However, this setting does nothing to stretch my static block to fit my entire window width.
    Could you please help me out with [block id=”6165″] ?

    Cheers,

    2 Answers
    Avatar: Bas_Kling
    Bas Kling
    Participant
    May 5, 2020 at 19:04

    Please hold, while our domain is being transferred. Website is currently not reachable. This will take some time…

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 5, 2020 at 23:38

    Hello,

    Add the following code to child theme style.css

    @media only screen and (min-width: 992px) {
        .item-design-mega-menu .nav-sublist-dropdown {
            left: 0 !important;
            margin: 0 !important;
            right: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            transform: none !important;
        }
        .item-design-mega-menu, .header-top, .header-main, .header-bottom, .header-wrapper .et_column.pos-static ~ .et_column:last-child {
            position: static;
        }
    }

    Regards

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

The issue related to '‘Full width dropdown menu, boxed content’' has been successfully resolved, and the topic is now closed for further responses

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