Not working on mobile correctly

www.annalennard.com

My portfolio page looks great on a computer, and good on an iPad in landscape mode. Looks awful on a phone and is all over the place. How can this be fixed?

Hello @annalennard,

Please try to use the following CSS code to properly order these sections on mobile devices.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media (max-width: 780px) {
    body.page-id-478 #pgc-478-1-0,
    body.page-id-478 #pgc-478-3-0 {
        order: 1;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks! Is there a way to make it closer together? Also, when I flip my iPhone into landscape, it gets messed up again.

Hello @annalennard,

I’m not sure what you want to be closer. Can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

I can’t check your iPhone flip issue unfortunately, I don’t have an iPhone. So you might want to create a separate topic for that.

Kind Regards, Roman.