Is it possible to center the site title and navigation menu within the header

Is it possible to center the site title and navigation menu within the header using css
so for example

                                             SITE TITLE
                                               HOME
                                               ABOUT
                                             CONTACT

rather than along in one line

Hello there,

I hope you are doing well today.

You can use the following CSS code to align the menu vertically by going to Appearance > Customize > Additional CSS and pasting it there.

#site-navigation .module.left { padding-left: 15px; width: 100%; }

.nav-bar .module-group {
height: 55px;
width: 100%;
}
.navbar-collapse.collapse {
width: 600px;
margin: 0 auto;
}

.main-navigation .menu > li {
display: block;
clear: left;
float: left;
}

.main-navigation {

padding-bottom: 26px;

}

Best Regards,
Support

Hi there

I applied the code

Can you take a look at www.emilyharston.com, the site title is still off to the left side
and the search box is getting stuck in one of the buttons

ok i have managed to get the search box removal code sorted

so just want the sit title and navigation to be centered if possible?

Hi,

Can you explain us what exactly you’re trying to create using screenshots? So that we can help you,

Let us know,

Thanks,
laranz.