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!

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;
}