How do I change the space that takes the logo’s to allow a larger logo?

We had a few requests to make the space for logos larger and below is the step by step instructions:

in the header.php file look for the following line (it’s printed twice):

<div class="six columns mobile-four logoside">

and below that:

<div class="six columns mobile-four">

you need to remember that when you add the two weidth deciding classnames (six) it need to add to twelve. Currently six + six gives you twelve.

First you will then change the first six to seven and the second six to five.

Refresh the browser and take a look at the changes to see if the space renders the way you want.

After that you can also try eight and four and lastly nine and three.