Full Screen Width Nav Menu – CSS

  • tomasfreue

    (@tomasfreue)


    3 years ago

    Hello there!

    I´m having some issues with my Max-Mega-Menu, but I think it´s not related to the plugin but to the CSS and theme I´m using (twenty-eleven).

    I want the menu shown in the website to be full-screen width, this only happens when we scroll, but as soon as we enter the website, the menu is shortened. I have done some CSS cutomization to the “nav” item so it can be on top of the site, but nothings makes it full screen while static on top.

    Website:

    nav {
    background:#ffff;
    height:1px;
    z-index:999;
    margin:0 !important;
    padding: 0 !important;
    border-bottom:0px solid #dadada;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    }

    Thanks in advance

    • This topic was modified 3 years ago by James Huff. Reason: redundant link removed

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator threadi

    (@threadi)

    3 years ago

    I don’t see a mega menu in your page at all. The few menu items don’t even have submenu items.

    Have you decided to go another way in the meantime? Or am I missing something? By the way, the menu bar is fixed, so it always scrolls when I scroll the page.

Viewing 1 replies (of 1 total)

The topic ‘Full Screen Width Nav Menu – CSS’ is closed to new replies.