• 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

Center-align featured image on mobile devices only

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 › General Discussion › Center-align featured image on mobile devices only

This topic is: resolved

Tagged: alignment, featured image, mobile devices

  • This topic has 2 replies, 2 voices, and was last updated 2 years, 2 months ago by flyinjam.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 30, 2020 at 10:31 am #502444
    flyinjam
    Participant

    Hi!

    On my blog posts page/content archives I have the featured Image set to Left align which works perfectly on desktop and on some mobile devices which shows the featured images at the top and the content below. However, on some mobile screens, if the first word in the content is 3 letters or less, it creeps over to the right of the image making it look bad (please see pic). I don't appear to see an option for centering featured images on mobile devices only so all of the content will be underneath each featured image on mobile. Is this possible? If not, is there another way to do this? Thanks!
    Alignment issue

    https://www.vinylchapters.com/category/review/
    January 1, 2021 at 6:41 am #502456
    andytc
    Participant

    Try adding this to your Custom CSS -

    @media only screen and (max-width: 640px) {
    
    .post-image.entry-image {width:100%;}
    }
    
    }
    January 6, 2021 at 6:43 am #502506
    flyinjam
    Participant

    That seems to have worked perfectly! Thanks for your help and happy new year.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘General Discussion’ 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

© 2023 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