Custom Logo and Menu – One Line

  • Hi, can someone please tell me the additional CSS required to make the custom logo and menu appear on one line? The closest I’ve got to achieving this was using the code:

    .navbar-header {
    display:inline-block;
    vertical-align:middle;
    width:30%;
    text-align:left;
    }
    .nav {
    display:inline-block;
    vertical-align:middle;
    width:65%;
    text-align:right;
    }

    BUT, this results in the menu aligning to the top end of the logo rather than the bottom end as I’d like it. Can anyone help please?

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

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello @val119

    Please go to your Theme Customizer -> Additional Css -> Paste following code there

    .custom-logo.navbar-brand {
    max-width: 250px;
}

    Let us know it will works for you.

    Thanks
    Specia Staff

    Thread Starter val119

    (@val119)

    That did help, thank you, but now the logo is very small compared to the menu…I’ve tried adjusting the max width but that results in return to the menu appearing in line but at the top end of the logo. Changing the max width also makes the appearance on Edge very different to Chrome.

    I’ve left the code that you’ve suggested on so that you can see what I mean on the website. If you can help any further, it’d be much appreciated!

    How you want to show this?

    Thread Starter val119

    (@val119)

    If you look at the website now, I would like the logo to stay the same size, but just sit on the same line as the menu (and for it to look this way across all browsers). Is this possible?

    You want to show like this https://i.imgur.com/cn2q4z4.png

    Thread Starter val119

    (@val119)

    More like this https://imgur.com/a/KgZsGiP

    Try following Css Code 

    .navbar > .container .navbar-brand {
    margin-right: 0px;
}
    • This reply was modified 4 years, 5 months ago by speciastaff.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Custom Logo and Menu – One Line’ is closed to new replies.