Home>Support>Aligning masthead-logo-in-menu

Aligning masthead-logo-in-menu

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].

Hello,

Can you please help me. I want to align the logo in the menu (and the menu itself) to the left. There is a space on the left now, which has the concequence that if i add more items in the menu, they drop below the main bar.

Thank you very much for the help!

URL: http://onderhoudsservice-janse.nl

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    Hi Floris

    You can reduce the menu item padding as follows:

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

    In Vantage Premium you can insert that under Appearance > Custom CSS. If you’d like to stick with Vantage Free you can insert that into a Custom CSS plugin. That’ll allow more space to add more items. Adjust as required.

  2. 10 years, 10 months ago Floris Willeboordse

    Thank you so much Andrew!

    Do you also have a trick to move the logo more to the left?

    Thank you so much!

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

    Sure. Try the following under Appearance > Custom CSS or in a Custom CSS plugin:

    /* Vantage Menu Logo In Menu */
    
    nav.site-navigation[style] {
    left: 0 !important;
    width: 1940px !important;
    }
    
  4. 10 years, 10 months ago Floris Willeboordse

    Hi Andrew,

    It seems like that screws up my menu bar. Im using vantage.

    How could that be?

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

    What happens when you insert that last snippet?

  6. 10 years, 9 months ago Floris Willeboordse

    I changed the URL to http://www.website.nl instead of http:website.nl in wordpress via general settings, now i cant login to my admin panel. Do you have any idea what happend and what i can do, so that i can login again?

    When i write in my credentials and password into the admin panel and i submit, nothing happens and the fields go empty again.

  7. 10 years, 9 months ago Floris Willeboordse

    Forget the previous post, im back in!

    What happens is that i get two search glasses on the right of the search bar.

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

    Perhaps try this as an alternative technique:

    header#masthead.masthead-logo-in-menu .logo {
    margin-left: -35px;
    }
    
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