Home>Support>Navigation Menu full width and centered

Navigation Menu full width and centered

By Nico Malassa, 9 years ago. Last reply by Andrew Misplon, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 10 days ago Nico Malassa

    Hi Andrew,

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

  3. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    One moment.

  4. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 10 days ago Nico Malassa

    Hey Andrew,

    you saved my live again ;)

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

  6. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    Glad that helped. You can ask me here.

  7. 9 years, 10 days ago Private Message - Nico Malassa

    This is a private message.

  8. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 10 days ago Nico Malassa

    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. 9 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More