Archived topic
Mobile Styling
3 replies · Started by Zachary on January 27, 2020
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!
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;
}
}Your response actually helped me to solve both problems! Thank you very much!
You're welcome
