Enlarging logo

  • johannsen11

    (@johannsen11)


    7 years, 7 months ago

    Hello guys!

    I am having a lot of troubles trying to make the logo size in the header bigger.
    I have tried alot of custom css that havent worked, it seems like there is a max size prefix which i cant find.
    the theme is twenty sixteen 🙂

    Kind Regards

    • This topic was modified 7 years, 7 months ago by johannsen11.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Yogesh Londhe

    (@yoga1103)

    7 years, 7 months ago

    Hi,

    looks like you tried to make the max-width of .custom-log 180px.

    Try this,

    .custom-logo {
    max-width: 400px !important;
    width: 400px;
}

    Change the size as per your desire.

    Hope that helps.

    – bests

    Thread Starter johannsen11

    (@johannsen11)

    7 years, 7 months ago

    Works like a charm!
    thank you very much 🙂

    Thread Starter johannsen11

    (@johannsen11)

    7 years, 7 months ago

    but now i get a very pixelated logo, even though the image file is good quality.

    which i fixed with:

    @media screen and (max-width: 2000px) {
    #actionbar {
    display:none
    }
    }
    .site-branding {
    width:100%;
    max-width:422px !important;
    background-image:url(“http://lineagcph.com/wp-content/uploads/2018/10/LOGOny.png”);background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    }
    .site-logo {
    visibility: hidden;
    }

    Aaaaand now i cant click it to return to the “home” page.
    And there is too much space between header and content.
    I will try to look around the forum for fixes

    • This reply was modified 7 years, 7 months ago by johannsen11.
    • This reply was modified 7 years, 7 months ago by johannsen11.
    Thread Starter johannsen11

    (@johannsen11)

    7 years, 7 months ago

    and now it is fixed again, by uplading a see through logo and using this code:

    div.site-content {
    margin-top: -85px;
    }

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

The topic ‘Enlarging logo’ is closed to new replies.