Home>Support>Navigation Menu full width and centered

Navigation Menu full width and centered

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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, 9 months 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, 9 months ago Nico Malassa

    Hi Andrew,

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

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

    One moment.

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

    Glad that helped. You can ask me here.

  7. 9 years, 9 months ago Private Message - Nico Malassa

    This is a private message.

  8. 9 years, 9 months 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, 9 months 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, 9 months 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