Bigger logo in the home page

[Minh]

Hi,

I have a logo that is 300*300px (optimized for retina) and I want to make the logo bigger (that is 150px * 150px) ONLY in the home page, while in the rest of the pages it will be 100x100px. How can I do this (without affect the size in mobile view)?

Thanks,
Minh.

GeneratePress 1.3.46

GP Premium 1.2.96

[Leo]

Hi Minh,

Try this CSS:

@media (min-width:769px) {
    .home .header-image {
        width: 150px;
        height: 150px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Can you provide a link to your site if this doesn’t work? Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Leo]

I adjusted the code slightly above so make sure you get the latest version 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Minh]

Hi Leo,

The CSS is not working. The demo site link here: http://98d0c081.ngrok.io/
Please have a look.

Thank you so much!

[Leo]

The page is not working for me. Can you double check?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Minh]

Sorry Leo, this is it! http://aec7e2f1.ngrok.io/

[Leo]

Hmm I don’t see the CSS being added.

Are you using a caching plugin by any chance?

If not how are you adding the code currently?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Minh]

I’m using Local to develop the site and Live Link function to share the site. Maybe that’s the reason the CSS code is hidden. I’m sorry for that. I’ll get back to you when I move the site to public hosting.
Cheers.

[Leo]

All good. Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts