🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Mobile Styling

Home Forums Support Mobile Styling

  • This topic has 3 replies, 2 voices, and was last updated 5 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1146504
    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!

    #1146698
    David
    Staff
    Customer Support

    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;
        }
    }
    #1151420
    Zachary

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

    #1151874
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.