Light Header doesn’t align center in mobile

Hi, I have an easy solution for this situation. Use the below CSS to have your header centered like this: Screenshot

@media (max-width: 480px){

.left-nav.barberry-navigation.mobile-nav.cell.auto {
    width: 20%;
    float: left;
    flex: 0;
}

.site-branding.cell.shrink.text-center {
    width: 40%;
    float: left;
    text-align: center;
    flex: 20;
}
    
}    

I hope this helps. Thank You & let me know if you need anything else.

@moinrrahmed Hi, it’s work.
Thank you so much & have a nice day.