Site logo sliding off page

On 5/29/2021 at 12:36 AM, Leeloo77 said:

Site URL: https://www.laineylee.com

Hello!
I recently applied the following custom css to my Flatiron template website to set a max width for the content (I didn't like how it looked when the site width got too large).

body {
    max-width: 2000px;
    margin: auto;
}

It worked beautifully, except now when the browser is very wide my logo is sliding off the page to the right and disappearing! Does anyone have a fix for this issue?

 

Thank you!

Add to Design > Custom CSS

/* Fix logo on larger screen */
#navigator header#topBar {
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}