The best 5 WordPress strategies to get faster websites right now !

[@Sonya_Makepeace]

Hello again Mr Jakson. I tried that plugin you mentioned about block visibilty, as I couldn't work out how to create certain media queries. That plugin only shows or hides certain blocks. What I wanted was to show my content at 70%wide, on a desktop PC, but at 95% on a phone or tablet, and I just cannot do it. I've tried writing media queries but I just can't get them to work.

[@wpjakson]

Hello again Sonya! Yeah, I reckon this is possible with a little CSS. Though we do need to think about a few tunes here. What are you break points for desktop and mobile? If we assume they are 1140px and 768px respectively then your CSS would look something like this: @media (max-width: 1140px) { .my-content-area { width: 70%; } } @media (max-width: 768px) { .my-content-area { width: 95%; } } But! This assumes that ANY containers above your “.my-content-area” are 100% width - if not, that’s a whole other ball game!

[@Sonya_Makepeace]

@@wpjakson Thanks for the info. I've always struggled trying to find out which classes to apply my css to, but I've just installed a lovely plugin called SiteOrigin CSS, which allows me to target the classes much easier. So I'll come back and let you know how I get on.

[@mareklewandowski9727]

This lama level.