Logo to the left (in the sticky menu )

Hello support team,

Project: https://www.fitstudiosayan.nl/

In the main setting the logo is the middle, above the menu.

But in the sticky-menu (setting) I want the logo on the left site…

Was is the correct CSS code to get the logo in the sticky-menu on the left side (small next to the menu)?

Thanks,

Tjeerd

Hello Tjeerd, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1025px) {
    #masthead.float-header .col-md-4.col-sm-8.col-xs-12 {
        width: 23%;
    }

    #masthead.float-header .col-md-8.col-sm-4.col-xs-12 {
        width: 77%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks Roman,

Only the menu is now ‘broken’… Can I chance the font size (after scrolling/sticky menu) to 20 PX and ‘line out’ the menu to the right?

Hello Tjeerd,

Try to use this CSS code instead of the previous:

@media (min-width: 1025px) {
    #masthead.float-header .col-md-4.col-sm-8.col-xs-12 {
        width: 23%;
    }

    #masthead.float-header .col-md-8.col-sm-4.col-xs-12 {
        width: 77%;
        text-align: right;
        margin-top: 25px;
    }

    #masthead.float-header #mainnav ul li a {
        font-size: 16px;
    }

    #masthead.float-header #mainnav li {
        padding-left: 5px;
        padding-right: 5px;
    }

    #mainnav li:first-child {
        padding-left: 0;
    }

    #mainnav li:last-child {
        padding-right: 0;
    }
}

It will look good on 1025px of width and more, I’ve tested it.

Kind Regards, Roman.
aThemes Support