Center Right Aligned Images on Mobile

  • Resolved UntimelyBird

    (@ggf4379)


    4 years, 5 months ago

    I’d like to center all right aligned images on mobile, since alignment doesn’t look great on the small screen. They should maintain right alignment on desktop.

    I have the following custom css in my child theme. This worked previously, but it recently seems to have stopped working (maybe with the last release?).

    @media only screen and (max-width: 800px) {
    figure {
    float:none !important;
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    }
    }

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Branko

    (@brankoconjic)

    Hello,

    You can try with this CSS (add it in Customizer ? Additional CSS):

    @media screen and (max-width: 599px) {
    #page .alignleft, 
    #page .alignright {
	float: none;
	display: block;
	margin: 1.25em auto;
    }
}

    This CSS will be included in the next theme update.

    Thanks!

    Thread Starter UntimelyBird

    (@ggf4379)

    Great, thank you!

    EH

    (@ehabermas)

    I’m new to this so apologies if I’m in the wrong thread.

    I have the Sinatra theme and no matter what I do, any time I left-align an image, when I preview or post (on desktop), it juts out into the left sidebar. Simply impossible to get it to align with the rest of the post — text, tables, headers, etc. Arrrrgh!

    Any help is much appreciated!

    Hello @ehabermas,

    Can you send page URL from you site where this is happening?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center Right Aligned Images on Mobile’ is closed to new replies.