en WordPress.com Forums › CSS Customization

Logo in line with menu

  • Author
    Posts
  • #3221252

    farhana100
    Member

    Hello

    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.

    #3225482

    yashitamittal
    Member

    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;
    width:80%;
}

    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:
    https://wordpress.org/support/forums/

  • Author
    Posts

You must be logged in to reply to this topic.