[Resolved] Mobile Styling

[Zachary]

Hello there,

I have two questions:

1. I have images in my content (not featured/background images) that I would like to hide for mobile users. How can I make that happen? I’ve tried adding CSS to the image but to no avail.

2. I would like to center align content and buttons on mobile view (i.e. on my homepage). How can I achieve this?

Please let me know if you can help! Thanks!

[David]

Hi there,

1. Is it all images within the content you want to hide? Or just selective images? Let me know – could you also link me to a post where i can see the content.

2. In the Block Editor select the Column you want the content to be centered, on the Settings Sidebar > Advanced –> Additional CSS Class(es) add: mobile-center

Then add this CSS to Customizer > Additional CSS:

@media (max-width: 768px) {
    .mobile-center {
        text-align: center;
    }
}

[Zachary]

Your response actually helped me to solve both problems! Thank you very much!

[David]

You’re welcome

[Author]

Posts