Unable to center logo in header

Shapely
1

I have tried to center the logo in my header with several different pieces of CSS but none have worked. My website is landscapinglakelandllc.com. Any ideas? The following are what I have tried:

#site-navigation .row > .module.left {
float: none;
width: 100%;
text-align: center;
}

#site-logo {
text-align: center;
float: none;
}

/Center logo/
.col-sm-4 {
float: none;
margin: 0 auto;
}

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

#site-navigation .module.left {
    float: none;
    margin: 0 auto;
}

Thanks!
Colorlib Support Team

3

That worked, thanks!

4

Hi, there

I will close this case now, Feel free to contact us again if you have other questions Thanks!