How to Further Move the Logo Towards the Left Side

For your logo, I see that is has a lot of empty white space on the left and right with the subject matter centered. So the only way I can suggest is to recreate your logo but make sure there is no empty space to the left of the image part.

If you need more space though, you will need to edit the header.php file by looking for these two div’s

<div class="span4">

and

<nav id="site-navigation" ....class="main-navigation span8">

Change the first span4 to span3 and the span8 on the other to span9, making sure both spans equal 12 (span3 + span9 = 12). This will give you more menu width and a shorter logo container.

As a reminder, when doing this kind of modification, it’s recommended a child theme is used, so I’m not sure if you are using one now or not, but if not, any changes you do to core theme files and if you update the theme, your modifications will be lost.

Ok, I’ll recreate my logo. Thanks. As for the last thing that you mentioned about using a child theme, is there a way that I can easily transfer everything that I’ve done in the mother theme into the child theme so that I can update the mother theme if there is?

Basically you would have to move any modifications you did with the original theme files and copy them to the child theme, then revert the original theme files back to their original state. As for theme options (settings) from the admin side, you would have to redo them in the child theme because WordPress will see the activated child theme as a new theme. If you do this, write down your options (colours, etc), on paper and then when you activate the child theme, you have a reference of what you did before.

I have a child theme from my site’s tutorial already made:
https://www.styledthemes.com/celestial-lite-setup/74-child-themes-for-customizing-your-theme