Right now the default is that the logo is displayed on the far left of the site – as shown in your demo.
What my client needs is for the logo to align with left side alignment of the text on the website. I have tried to do that via adding padding/space but I think due to the site being responsive it varies based on screen size/resolution.
So basically I need the logo to align with the left margin that is set for the text throughout the site. I have attached a image to show you what I mean.