No margins but Header title is not flush to left

I’ve tried everything to change my header/logo to go towards the left and nothing is working.

Since you’ve tried “everything”, then, perhaps, there’s nothing more to try? ??

There is no margin or padding when I try to change it in theme design/settings and adding custom CSS doesn’t change anything.

Both the top logo and the navigation menu areas (and even the footer) are constrained to a maximum width of 1080px (max-width: 1080px) and centered (margin: auto). That’s why you have equal spaces on the left and right.

You can increase this maximum width restraint with this cusom CSS:

body.responsive.layout-full #page-wrapper .full-container {
max-width: 1200px;
}

Or even remove it entirely with this:

body.responsive.layout-full #page-wrapper .full-container {
max-width: 100%;
}

Good luck!

Hi George!

Aha everything in my perspective is a lot less than yours!

Thank you so much, I tried you’re second suggestion and it worked perfectly for my logo and title. Strangely, my menu got cut off on the right side and I don’t think I changed anything for my menu yet so I’m not sure if you can help with that as well, if not thank you so much for fixing my title! Really appreciate it!

Take care!

Strangely, my menu got cut off on the right side and I don’t think I changed anything for my menu yet so I’m not sure if you can help with that as well,

I see some negative margins on the navigation menu coming from the theme’s stylesheet. That probably worked for the original layout designed by the theme’s author. But now that you have a full-width design, that’s not needed any longer.

Try:

.main-navigation {
margin: 0px;
}

Worked perfectly again! Thank you so much for all your help! Saved me so much time and frustration so I really appreciate it!

Take care George!