Littles: How can I center logo on Mobile view

Hi, before I provide you with a CSS or a guide, we must say that the header on mobile devices has 2 columns as seen in the attached image, 1 with automatic width for the logo that covers approximately 50% and the rest is for the menu toggle. So to center the logo you would have to make the menu toggle disappear or move it to another position. I would like to know more about how you want it to look in the end so I can come up with a solution and provide it to you.

Regards

As I see you have changed the toggler from right to left, so I think the following code should do the job.

@media (max-width:991.98px){
#sp-logo{width: 100%;}
#sp-logo .logo{display: flex;justify-content: center;}
#sp-menu{display: none;}
}

Add it in templates/ut_littles/css/custom.css if no exists you can create it.
Regards