Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 7, 2019 at 12:52 am #1108108
    spidercreations

    My client is creating blog posts. Images within the posts that are right justified do not look good on a phone in portrait layout since the wrapping text looks bad.
    I’m assuming there is a way to create a media query to change those right justified images to center justified with no wrap when the screen size is below a certain number of pixels. Just can’t figure it out.
    Text does not flow right in the smaller screens.
    Suggestions?

    June 7, 2019 at 10:06 am #1108214
    Rikard

    Hey spidercreations,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.single-post .alignright {
  float:none !important;
  display:table !important;
  margin:0 auto !important;
}
}

    Best regards,
    Rikard

    June 7, 2019 at 1:57 pm #1108262
    spidercreations

    Thank you. That seems to have worked well.
    Steve

    June 8, 2019 at 12:53 am #1108344
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center images in POSTS @media queries for mobile devices’ is closed to new replies.