Full width menu bar backgound but limited width menu?

  • Resolved behzadian

    (@behzadian)


    3 years, 10 months ago

    Hi,
    Is there any way to make menu bar background full width but its menu has limited width? (like bootstrap .container-fluid and .container elements).

    Solution 1:
    I read https://www.megamenu.com/documentation/adjust-menu-width/ but this sample is for limiting container (and background + nested menus), after I changed #{$wrap} to #{$menu}, menu starts from other side (left, and my page is RTL), also I can not use responsive media queries like bootstrap.
    https://www.navand.com/navand1.png

    Solution 2:
    I made some changes to HTML to make a fake background around menu, and limit menu inside a .container element, but background div fills a great place, (because menu contains some mega menus)
    https://www.navand.com/navand2.png

    none of both work as expected

    • This topic was modified 3 years, 10 months ago by behzadian.
    • This topic was modified 3 years, 10 months ago by behzadian.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter behzadian

    (@behzadian)

    3 years, 10 months ago

    I just changed documentation sample like below:
    @include desktop {
    #{$menu} {
    max-width: 1140px; /** width in pixels or percent **/
    margin: 0 auto !important; /** center align menu **/
    }
    }

    and it works on desktop and RTL

    Plugin Author megamenu

    (@megamenu)

    3 years, 10 months ago

    Hi behzadian,

    Glad to see you worked out the solution 🙂

    Regards,
    Tom

    Thread Starter behzadian

    (@behzadian)

    3 years, 10 months ago

    could you help me find out how can I specify different widths for different screens?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full width menu bar backgound but limited width menu?’ is closed to new replies.