Logo in line with menu

  • Author
  • #3221252



    I have wordpress website here platinumyachts.com. I need logo in line with main menu. Logo should be on main menu bar but in left side.


    Hi there!

    Please add the following CSS and see if it works for you.

    .header-main {
        display: inline-flex;
        flex-flow: row nowrap;
        height: 100px;
    .header-main .top-header {
        order: 1;
        height: 100%;
        padding: 0;
        flex: 1;
        width: 20%;
    .top-header .container {
        width: 100% !important;
        height: 100%;
    .top-header .container row,
    .top-header .container .logo-black  {
        width: 100%;
        height: 100%;
    .header-main .menu-block {
        order: 2;

    This is how the website looks after I added the above CSS: https://imgur.com/a/TOEKOsc

    Your site https://platinumyachts.com/ is not hosted on WordPress.com.
    You are using the open source version of WordPress, WordPress.org, to host your website. There are differences between WordPress.org and what we use here at WordPress.com.

    For further support, you can post your questions on the support forum for self-hosted sites on WordPress.org:

The topic ‘Logo in line with menu’ is closed to new replies.