Change Logo Size

https://peeweeplayhouse.forumspark.net/

How do I change the logo size? Its too small.

Katrina ran in the same issue where the logo had a lot of dead space. I’m guessing the same applies to you. If that’s not the case, you can make it larger using CSS:

.page-header__logo img {
    height: 100px; 
    width: auto;
}

You'll need to test out the amount of px that is the best for you.

If I change the height to 150px it cuts into the navigation menu.

Replace your page_header CSS with the following:

.page-header__logo {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    max-width: 80rem;
    margin-bottom: 65px;
}

And did you check if the logo had empty space ? Best practice would be to have z logo that just have the proper dimensions.

Sir_Chivas said:

Replace your page_header CSS with the following:

.page-header__logo {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    max-width: 80rem;
    margin-bottom: 65px;
}

I'm guessing if I want to increase the logo height I just modify the margin-bottom?

Sir_Chivas said:

No, if you want to increase the images height to 150px; use this instead:

.page-header__logo {
    margin-left: auto;
    margin-right: auto;
    height: 150px;
    width: 100%;
    max-width: 80rem;
    margin-bottom: 0px;
}

Thank you

No problem.