StudioPress

Forum navigation

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 Alignment on 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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Image Alignment on Mobile Devices

This topic is: not resolved

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 7, 2019 at 6:31 pm #225458
    rdr
    Participant

    I know I saw something like this once, but I can't put my finger on it.

    I use Minimum Pro in my web site RSNStats.com. I've been happy with it. However, whenever I've struggled with images on smaller mobile devices.

    Any image I use is right-aligned, which looks great on the desktop, but looks peculiar on mobile. What I'd prefer, is for the image to be center aligned when displayed on a narrow mobile device like an iPhone.

    I'm fairly certain this is possible using CSS, but I need a little nudge in the right direction.

    I'd be grateful for any help!

    Thanks,

    -- Robert

    http://www.RSNStats.com/blog
    January 8, 2019 at 7:04 am #225475
    Victor Font
    Moderator

    Unfortunately, you're not going to be able to control the placement on mobile because your site is using images embedded from Getty Images. Your embedded images are using iframes, which means the source code and it control is on the Getty site. I tried all of the standard ways to adjust the location on your site and none of it works.

    Regards,

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

    January 8, 2019 at 10:36 am #225485
    rdr
    Participant

    Hi, Victor. Thank you for your response. I appreciate your help.

    Could you give me a few pointers as to those standard ways should I decide to move away from the Getty embedded images and use my own instead?

    Thank you again!

    -- Robert

    January 9, 2019 at 7:11 am #234437
    Victor Font
    Moderator

    The two most common is text-align: center; and margin: 0 auto;, but there is so much you need to learn about how CSS works, that using those directives all by themselves, may or may not provide the results you desire.

    Regards,

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

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