How to change header size and alignment

  • I’m using Foodie Pro theme. I’ve searched the forums and tried to move my header image to the left AND eliminate the space beneath the image. I’ve followed all recommendations, but nothing has worked. Can anyone help? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Shaylee

    (@shayleehansen30)

    Charles442,

    Here is some css code that will move you header logo to the left. Add it to the Dashboard -> Appearance -> Customize -> Additional CSS ( section ).

    .header-full-width .title-area, .header-full-width .site-title {
    text-align: center;
    width: 50%;
    }

    If that isn’t the deisred effect you are going for check out these links below. They may be able to offer some insight:

    https://feastdesignco.com/add-logo-header-foodie-pro-theme/
    https://philipgledhill.co.uk/adding-image-logo-foodie-pro/

    Good Luck,

    Shaylee

    Copy & paste this css code into style.css file of your parent or child theme. You should prefer child theme either this will be overridden after further theme update.

    .site-title {
    font-size: 100%;
    margin-top: 0;
    line-height: 7;
    }
    .header-image .site-title a {
    float:left;
    margin: 0;
    }
    .site-header .wrap {
    padding:0;
    }

    Thanks,
    Molay

    Thread Starter charles442

    (@charles442)

    Thanks to both of you! I now have my logo to the left!

    But, I still have space beneath the logo that I want to get rid of. Can anyone help?

    I’m guessing you already managed doing it since 2 months have past, but just in case you havn’t and for others to know, this will do it:

    Dashboard -> Appearance -> Customize -> Additional CSS

    and add this:

    #header { height: 0px !important; }

    Hope that helped.

    —
    Mike

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change header size and alignment’ is closed to new replies.