Home>Support>how to move the header logo to left

how to move the header logo to left

Hi I’m trying to move the header title (it’s just the text heading of the whole website which is above the menu bar) to the left.
I want to remove the gap to the left of the heading title so the heading is in line with the metaslider image below. Please can you give me the css code. I’ve tried a few myself. It’s boxed width.
The site is under contruction so you can’t see it at the moment

URL: http://www.annabelwilkes.co.uk

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Elise

    Thanks for reaching out. Could you perhaps make your site public for a bit so we can take a look?

  2. 8 years, 11 months ago Eli Langley

    I’ve made it public. So it’s the gap to the left of ‘Annabel Wilkes / Printmaker’ that we want to get rid of. So it’s in line with the image below.

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Header */
    
    #masthead {
        padding: 0;
    }
    
    .main-navigation {
        margin: 0;
    }
    
  4. 8 years, 11 months ago Eli Langley

    Thank you, worked perfectly

  5. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Glad we could help :)

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More