[Support request] Blog Excerpts Not Centering on Mobile

[John]

Hi!

RE: https://origami33stg.wpengine.com/

On mobile, blog excerpts float left. Adding 550px left padding corrects this when the phone is in portrait position. Turning the phone to landscape position, the text then floats right and off-screen.

Thanks!

John

[David]

Hi there,

I am not seeing the Floated blog excerpt on that link?

And what design are you trying to achieve ?

[John]

Hi David…

I’m looking at this on an iPhone.

What I’m aiming for is a replication of this site which was built with Thesis.

This is what the Generate Press staging site looks like at the moment.

Thanks,

John

[Fernando]

Hi John,

You have this custom CSS code added through Simple CSS which is causing the issue:

.site-main {
                width: 915px;
                float: right;
                border-width: 0 1px 0 0;
                border-style: solid;
                border-color: #dddddd;
            }

If you remove the width and the float CSS rules, that should fix the issue.

Kindly let us know how it goes.

[John]

That did it.

Thanks, Fernando!

[Fernando]

You’re welcome John!

[Author]

Posts