Thank you for your suggestion of the left padding. It looks great on my laptop. I hope you can help me make it look just as great on mobile devices.
I changed the size for the header image in the functions.php file as you suggested. Now it’s set to 120px x 90px. And it looks perfect on my laptop! Also I’ve got the responsive header plugin and I’ve uploaded different sizes of the image which I resized relatively to the different screen sizes. Strangely the header image doesn’t change the way it should. Could it be because of the dimensions set up in the functions.php file? Or is because the responsive header plugin doesn’t support the dimensions of my images?
Whatever the reason may be, do you know how to keep my header image just as perfect on different screen sizes such as mobile devices?
Also I noticed that the because of the padding, the distance between the title area and the image stays the same as on my laptop and looks big on a mobile device.
Is there a way to get the title area to the right of the header image in a way that the distance between the image and the title sort of stays the same relatively?
Thank you in advance!