Menu and logo alignment


This is the website I am building:

I am wondering if it’s possible to make some changes to the alignment of the menu. I would like the logo and the menu to be aligned to the content (so the logo would be more to the right and the right edge of the menu more to the left). I made this to better illustrate what I mean:

Also, I wonder if it’s possible to change the header on the pages so that it’s full width (now there is a white edge on either side) - I illustrated this in the image above.

Thank you so much for your help, I really appreciate it.


Hi there,

Here is the CSS code to align your logo and menu:

.site-branding a, .custom-logo-link img{
	max-width: 100% !important;
@media only screen and (min-width: 1024px){
		padding-left: 150px;
		padding-right: 150px
	.site-description {
		font-size: 12px !important;

And here is to make the header image full width:

.ignis-hero-area {
    margin: 0;

You can put the code in above into Customize > additional CSS