How to move the logo further over to the left.

Depends on how much to the left you are wanting?

Just a little. I’ve noticed when viewing on a larger screen the logo is sort of stuck inwards and the menu and there is this huge white area left spare on the left and the right edges.

Any chance you can provide a link for me to see this? I’m not quite sure I understand about the “stuck inwards” and “huge white area”. IF you cannot provide a link, perhaps a screenshot?

yes, ill give you a screenshot in the morning, no probs.

Here is a link.

https://www.breastprostheticsbd.co.za/wp-content/uploads/2015/09/Logo-menu.jpg

So logo more to left and menu more to right.

Tks

Sorry, also how do I take out that thin grey line I seem to get before the image begins.

Thank you for the screenshot. I’m assuming then you want the logo further off to the left then? IF so, you will have to make changes to the theme. It’ll require changing the structure of the top header, and to do this, you will need to create a child theme.

The logo (or site title) plus the navigation, both sit side-by-side but flush on the left and right side of the content area width. These sit in a wrapper container that is 1140 pixels wide, so you would have to remove that or change the attributes of the wrapper container using CSS.

You might be able to do this without a child theme, instead using CSS only. With Jetpack use Edit CSS, otherwise a plugin Simple Custom CSS.

To remove the width restriction from the header, do something like this:

@media (min-width: 768px) {
  #masthead .container {
    width: 100%;
  }
}

However, by doing this, both your logo and menu will float left and to the right respectively.

Ok, thanks very much. I’ll try.

Yes, it has worked.

Ah… good to hear ??
I’m assuming we can set this as “resolved”?