[Resolved] Different CSS for mobile and desktop?

[Jaakko Pöntinen]

Heya, back again with more down-to-earth questions:

Can I use the GP theme or the GP addons to easily implement CSS rules for mobile only? I’m using padding on my blog feed and it’s way too wide for mobile screens so the text and images get mushed into like 20 pixels wide, stadium-long strip.

Thank you!

– Jaakko Pöntinen

[Tom]

You can use media queries for this:

@media (max-width: 768px) {
    /* CSS in here for mobile only */
}

@media (min-width: 769px) {
    /* CSS in here for desktop only */
}

Let me know if that helps or not 🙂

[Jaakko Pöntinen]

Hey,

This is exactly what I needed – it’s also given me a LOT to think about… 🙂 In a good way!

– Jaakko

[Tom]

Awesome 🙂

[Author]

Posts