• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Image wrapping issue on some mobile devices

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Image wrapping issue on some mobile devices

This topic is: not resolved

Tagged: alignment, Image wrapping

  • This topic has 5 replies, 3 voices, and was last updated 5 years, 5 months ago by flyinjam.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 30, 2019 at 7:26 am #495692
    flyinjam
    Participant

    Hi,

    I'm having an issue with some mobile screen sizes and the way it displays a photo and text. In my posts, I usually have a square image halfway through the article which is left aligned. On desktop this displays the image to the left with text wrapped around it, and on most mobile devices this displays as the image and then the text underneath which is what I want. However, on some mobile devices such as pixel 2/3 or iphone 9, for example, the image sometimes displays with a couple of smaller words to the right of the image instead of underneath. Please see the example below or test with the page url below.

    null

    Is there a way to stop this happening?

    https://www.vinylchapters.com/robertas-semeniukas-backstage-stories-review/
    January 1, 2020 at 6:02 am #495721
    Victor Font
    Moderator

    You'll have to add code to center the image at the breakpoints for the mobile sizes. I can't tell you how because autoptimize prevents us from examining the CSS.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    January 2, 2020 at 5:37 am #495737
    flyinjam
    Participant

    Hi Victor, thanks for replying. I'll try to contact Autoptimize support to see if they can provide an answer. If they do reply with a solution, do you want me to let you know what it is?

    Thanks!

    January 2, 2020 at 6:31 am #495738
    flyinjam
    Participant

    Hi Victor,

    I actually got a very fast reply off their support, but they said to come back to you and you might be able to give me a solution with the information they gave me in the screen print below! Can you take a look and let me know if anything can be done? Thanks!

    null

    January 2, 2020 at 8:01 am #495739
    AnitaC
    Keymaster

    @flyinjam This isn't really "theme" support per se. It's block related. You're using an image size "medium" which is 300px x 300px with an image block and it's floating left. So you need to add "custom" CSS at that mobile break point to remove the left float.

    .wp-block-image .alignleft {
        float: none;
    }

    If you use Responsinator as a guide - http://www.responsinator.com/?url=https%3A%2F%2Fwww.vinylchapters.com%2Frobertas-semeniukas-backstage-stories-review%2F, you can see that you will need it on breakpoints 414px or smaller. I recommend adding that CSS to your 480px media query in your stylesheet. However, it looks like it's been removed, so you'll need to add it back.


    Need help with customization or troubleshooting? Reach out to me.

    January 2, 2020 at 9:29 am #495740
    flyinjam
    Participant

    Thanks for the help Anita, much appreciated. I'll give it a go.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble