Logo in the sticky menu on the left side

Hello support team,

In the main setting the logo is (‘large’) in the middle, above the menu.

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




I’m not sure what exactly is your issue, can you please provide some explanatory screenshots?

Kind Regards, Roman.

This is how I would like it to be (in the sticky menu (after scrolling) :


Thank you for the screenshot. Try to use the following CSS code.

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

@media (min-width: 1200px) {
    #header-sticky-wrapper.is-sticky .branding-container {
        width: 10%;
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;

    #header-sticky-wrapper.is-sticky .menu-container {
        width: 90%;
        margin-top: 25px;

    #header-sticky-wrapper.is-sticky .main-navigation {
        text-align: right;

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

Kind Regards, Roman.

1 Like