mega menu issue

  • Hi

    I am using Storefront theme & Mega Menu.

    I have the Logo centered, then the MAIN MENU underneath with background colour right across, with white text, centered etc.
    I need it to be full width from left to right which seems to be difficult to achieve for me…

    As the Storefront theme I need to MOVE the menu underneath the logo, getting the positioning correct for the Mega Menu has been a bit painful.

    The coding I did to rectify to get the Mega MENU (Main Menu) to display full width nearly with custom CSS coding is:

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    margin-top: 0px;
    padding-right: 40px !important;
    color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary {
    visibility: visible;
    text-align: center;
    padding: 0px 0 0px 0;
    height: 40px !important;
    background-color: #222 !important;
margin-top: 40px;
	width: 160% !important;
    margin-left: -10% !important;
    margin-right: -32% !important;
}

    Has someone got some advice you can offer on HOW I can get things displaying properly on PC .. (15″ laptop and 24″ LCD)

    It’s working with that coding but each time I click on a menu item, the screen flashes slightly whilst loading, and whole menu moves to the right briefly before going back to where it should be …

    Thanks in advance

    Regards
    Kristin

Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Kristin,

    Please can you post a link to your site so I can take a look?

    Rather than try to change the width of the menu itself, you should be changing the width of the container that the menu sits within. The menu will then fill the width of that container, and you won’t need too change any CSS related to #mega-menu-wrap-primary #mega-menu-primary

    You may need this CSS instead (found on google)

    https://gist.github.com/cryptexvinci/e204d54c5bded68793ce4587ae0c3b00

    Regards,
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘mega menu issue’ is closed to new replies.