Archived topic

Bigger logo in the home page

8 replies · Started by Minh on April 29, 2017

Viewing posts 1–9 of 9

April 29, 2017 at 4:15 am #311890

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.

April 29, 2017 at 8:48 am #311963

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!

April 29, 2017 at 8:50 am #311964

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

April 29, 2017 at 10:16 pm #312116

Hi Leo,

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

Thank you so much!

April 29, 2017 at 10:37 pm #312129

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

April 29, 2017 at 11:00 pm #312131

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

April 29, 2017 at 11:35 pm #312135

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?

April 29, 2017 at 11:41 pm #312137

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.

April 29, 2017 at 11:43 pm #312139

All good. Let me know :)

This archived topic is closed to new replies.

Start building better websites today.