Site logo

[Resolved] Aligning Desktop and Mobile Imgs Differently

Home Forums Support [Resolved] Aligning Desktop and Mobile Imgs Differently

Home Forums Support Aligning Desktop and Mobile Imgs Differently

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2529013
    Andrew

    Sorry – I’ve read through the support and know this has been answered numerous times, so I cannot figure out why it is not working for me. I want to align mobile and desktop images differently, desktop right/left, all mobile center. I’ve created a child of my generate theme and added the following to me stylesheet. What am I missing?


    @media
    (max-width: 768px) {

    .wp-block-image figure.alignleft,
    .wp-block-image figure.alignright {
    float: none;
    margin: 0;
    }

    .wp-block-image figure.alignleft img,
    .wp-block-image figure.alignright img {
    width: 20%;
    }
    }

    #2529021
    Leo
    Staff
    Customer Support

    Hi Andrew,

    No need to apologize 🙂

    Your site is currently under maintenance mode so I can’t see why it isn’t working.

    Any chance you can disable it for now?

    Let me know 🙂

    #2529026
    Andrew

    Hi Leo, is there an easy way to do this? I did a search and found maintenance plugins are usually used to enable, I do not have a plugin currently installed. Thank you

    #2529028
    Leo
    Staff
    Customer Support

    Can you try editing this part:

    .wp-block-image figure.alignleft,
    .wp-block-image figure.alignright {
    float: none;
    margin: 0;
    }

    To this:

    .wp-block-image figure.alignleft,
    .wp-block-image figure.alignright {
    float: none;
    text-align: center;
    }
    #2529029
    Andrew

    Hah, that worked. Thanks Leo!

    #2529771
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.