Logo View in Desktop, Tablet and Mobile

I have my logo on the leftside in desktop view. Is it possible to have it in the center for tablet and mobile view? Thanks.

Hello there,

From your site’s dashboard, visit Appearance > Customize > Header area > Menu style; choose “Centered (menu and site logo)”.

Regards,
Kharis

Thanks Kharis. My apologies for the unclear message. I wish to have the logo on the left side in Desktop view, but have it centered only for Tablet and Mobile view. Is that possible? Thanks again.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {

      .site-header .col-md-4,
      .site-header .col-md-8 {
        width: 100%;
      }

      .site-header .col-md-4 {
        text-align: center;
      }
      
      .site-header .col-md-8 .btn-menu {
        float: none;
        margin-left: auto;
        margin-right: auto;
      }
      
    }

Regards,
Kharis

It worked perfectly! Thanks.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis