Top Menu Width

  • Hi All

    I am using megamenu along with the business theme. I would like the main top menu, created using megamenu, to be full width, but can not seem to achieve this.

    It currently is a centred black rectangle that word wraps the menu options.

    Please see here

    https://www.virologyconsult.com

    Thanks in advance.

    Rob

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Rob,

    Thanks for posting a link.

    Please go to Appearance > Customize > Additional CSS and add the following:

    header .grid,
header .column,
header .main-navigation,
#page header .main-navigation > div {
	padding: 0;
	margin: 0;
	max-width: none;
	width: 100%;
}

    Regards,
    Tom

    Thread Starter rlambkin

    (@rlambkin)

    perfect, problem solved, thankyou…..

    Thread Starter rlambkin

    (@rlambkin)

    I thought this had solved my problem, but actually it caused a new one. The mobile menu does not seem to work in the “business identity” theme, it shows the donut but also the main menu.

    I have created a page showing two images as examples, can you help?

    https://virologyconsult.com/examples-of-problem-with-mobile-menu/

    Plugin Author megamenu

    (@megamenu)

    Hi Rob,

    Please try this instead:

    header .grid,
header .column,
header .main-navigation,
#page header .main-navigation > div {
	padding: 0;
	margin: 0;
	max-width: none;
	right: auto;
	width: 100%;
	z-index: 999999;
}
header .menu-toggle,
header .search-form {
	display: none;
}

    Regards,
    Tom

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Top Menu Width’ is closed to new replies.