Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[Support request] Floated images on mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Floated images on mobile

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6824
    Robert
    Participant

    So, I’m using image alignment left and image location above the title. This works alright on desktop displays (I’d much rather have the excerpt stay positioned under the title). Anyways, To the task I’m currently trying to do: I’d like mobile displays to match what we see on the desktop. Image – Left and the Title and excerpt positioned to the right.

    Do we scale the images smaller to achieve this?

    #6830
    Tom
    Keymaster

    Hi Robert,

    Give this CSS a shot:

    @media (max-width: 767px) {
        .wp-show-posts-image.wpsp-image-left {
            float: left;
            margin-right: 1.5em;
            margin-left: 1em;
        }
    }

    Let me know 🙂

    #6831
    Robert
    Participant

    That did the trick for tablets. Doesn’t look good on phone portrait orientation (landscape looks alright).

    #6835
    Tom
    Keymaster

    Give this CSS a shot instead:

    @media (min-width: 600px) {
        .wp-show-posts-image.wpsp-image-left {
            float: left;
            margin-right: 1.5em;
            margin-left: 1em;
        }
    }

    So anything above 600px will float the image. You can adjust that value as needed.

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