Menu Bar Width not matching Theme

  • Resolved pamjasperx

    (@pamjasperx)


    8 years, 3 months ago

    I have put a couple of MMM menu bars across the top of my site which uses the Vantage Premium theme. It is not obvious where I can set the menus to go full width… they seem to be stopping at some container. I found some css to set the transparency of the Vantage menu bar in an attempt to make it disappear but that seems to impact the MMM bar as well.

    Here is the site: gardenoaks.net

Viewing 3 replies - 1 through 3 (of 3 total)
  • Fryvisuals

    (@fryvisuals)

    8 years, 3 months ago

    You have a class called .full-container that is wrapped around your navigation links. Its width is set to 1080px. To make the nav span full width, you must delete that wrapping div.

    Check your header.php file in your theme folder for the php wp_nav_menu or wherever the nav is located.

    Oh, and make sure you are using a child theme or else your changes will be overridden when you update the theme.

    • This reply was modified 8 years, 3 months ago by Fryvisuals.
    Plugin Author megamenu

    (@megamenu)

    8 years, 2 months ago

    ^ This is good advice.

    You can also look here: https://www.maxmegamenu.com/documentation/vantage/

    The problem you will have is that you have a single container with 2 menus inside. So you can only set the container background from grey to either green or yellow to match one of your menus.

    Regards,
    Tom

    Thread Starter pamjasperx

    (@pamjasperx)

    8 years, 2 months ago

    The advice was excellent and you were correct about the two menus with different colors presenting an issue. The cure for that was to use the option to grade the color on both menus to black and set the menu background the black. This gave a nice continuity that stretched the full page width so that the navigation menu matched the footer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Bar Width not matching Theme’ is closed to new replies.