This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Navigation Menu full width and centered

Open 10 replies premiumthemetheme-vantage
Nico Malassa
10 years ago · Last reply by Andrew Misplon 10 years ago

Hey Andrew,

hope you can help me again ;)

is it possible via css to get the Navigation Menu in one Row and centered?

and is it also possible to get the submenus also automatic width? See at Menu “Info” the Menu “Studentenwerksbeitrag” gets moved.

Thank you very much

Nico

URL: http://gate.studentenwerk-augsburg.de/stwa/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff 10 years, 5 months ago

    Hey Nico

    You can center the menu from Appearance > Customize > Theme Design > Menu.

    You can try the following at Appearance > Custom CSS to reduce the padding between menu items:

    /* Menu Padding Horizontal */
.main-navigation ul li a {
	padding-right: 25px;
	padding-left: 25px;
}

    Adjust as required.

    Try the following for sub-menu auto width:

    /* Sub Menu Width */
.main-navigation ul ul a {
	width: auto;
}
.main-navigation ul ul li {
	min-width: 200px;
	white-space: nowrap;
	width: 100%;
}

    Hope that helps.

  2. Nico Malassa 10 years, 5 months ago

    Hi Andrew,

    thxs the Nav Row is fixed now but the Submenu looks now a bit worse

  3. Andrew Misplon Staff 10 years, 5 months ago

    One moment.

  4. Andrew Misplon Staff 10 years, 5 months ago

    Sorry, I’ve run into a wall here. Let’s remove my previous Sub Menu section in Custom CSS.

    We could revert to adjusting it statically:

    /* Sub Menu Width */
.main-navigation ul ul a {
    width: 220px;
}

    Tweak as required. Sorry I don’t have more on this.

  5. Nico Malassa 10 years, 5 months ago

    Hey Andrew,

    you saved my live again ;)

    i have another thing with the Pagebuilder and multi lingual should i open a new thread?

  6. Andrew Misplon Staff 10 years, 5 months ago

    Glad that helped. You can ask me here.

  7. Nico Malassa Private 10 years, 5 months ago

    This is a private message.

  8. Andrew Misplon Staff 10 years, 5 months ago

    I’m not sure. I, unfortunately, haven’t used this plugin before. Polylang and WPML create a duplicate of a page/post for each translation. Page Builder is then available. I’m not sure when it comes to this plugin. Does it create a duplicate of each page?

  9. Nico Malassa 10 years, 5 months ago

    my office houres ends now. i will write and explain you later it isn’t that important yet and maybe i try this you wrote

  10. Andrew Misplon Staff 10 years, 5 months ago

    For sure. Chat then.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread