@BradRickey @Adam You'll need to modify the css for the logo and navigation menu. As @Adam says, your best bet is to simply switch to a theme that already has a centered logo if you don't want to deal with code. In this particular case, if you center the logo, you'll want to stack it above the navigator given the number of navigation menu items. To relocate the logo to the top center of the header bar and move the navigation menu down a bit to accommodate this, in the Site Editor, click Settings then SEO in the left-hand sidebar then scroll down to the "Header Code" input box and add the following code:
<style>
/* Change position of (fixed 88px width) logo to top center */
.dusk-header .logo {
position: absolute;
top: 10px;
left: calc(50% - 44px);
margin: 0;
padding: 0;
}
/* Move navigation menu and utility items down a bit to accommodate relocated logo */
.desktop-nav, .site-utils {
position:relative;
top:20px;
}
</style>Note: if the logo doesn't center itself, change the "left" logo attribute from calc(50% - 44px) to calc(~"50% - 44px").
Again, you'll likely find better results if you simply switch to a theme that already has the logo centered and you won't have to deal with custom coding (which Weebly support will not be able to provide assistance with down the road should anything go wrong).
