CSS help with logo and hamburger menu

On my site https://++++galswim.com/ I would like to have for mobile devices logo at the center of the  header and hamburger menu on left site.

Thank you

  • Predrag Dubajic
    • Support

    Hey Sam,

    Hope all is well :slight_smile:

    Can you try applying this CSS instead of the one tried in chat and see if that does the trick for you:

    @media all and (max-width: 1200px) {
    
        .site-header .site-logo {
            float: right;
            position: relative;
            width: 200px;
            right: calc(50% - 100px);
        }
    
        .site-header .right-col.header-tools {
            float: left;
            width: 85px;
        }
    
        .site-header .right-col.header-tools .mobile-menu-btn {
            padding: 10px 0;
        }
    
    }

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.