Page formatting wrong on Mobile

Forums » WordPress » Bravada » How To

  • Author
    Posts
  • November 26th, 2021 at 15:01 #123981
    creepingfilm

    Hi, I recently created this site. http://thecreeping.com/ Everything is looking and working great except one page when viewed on a Mobile. Here’s the page: http://thecreeping.com/full-credits/

    When holding the phone horizontally it looks great but holding it vertically makes all the alignment mess up. I’m using an iPhone 8Plus and I’ve looked at it on Chrome and Safari. Any help much appreciated. Thanks.

    Website: thecreeping.com/full-credits

    November 29th, 2021 at 12:00 #124063
    creepingfilm

    I recently created this site. http://thecreeping.com/ Everything is looking and working great except one page when viewed on a Mobile. Here’s the page: http://thecreeping.com/full-credits/

    When holding the phone horizontally it looks great but holding it vertically makes all the alignment mess up. I’m using an iPhone 8Plus and I’ve looked at it on Chrome and Safari. Any help much appreciated.

    December 18th, 2021 at 22:55 #124596
    Zed
    Cryout Creations mastermind

    Hi,

    The columns block isn’t expected to be used quite in the fashion you are using it so it’s designed to re-arrange itself on the smaller screens.
    Apply the following CSS to force its desktop layout for all screen sizes (on that specific page only):

    .page-id-395 .wp-block-column.is-vertically-aligned-top {
    flex-basis: calc(50% - 1em) !important;
}
.page-id-395 .wp-block-column:nth-child(2n) {
    margin-left: 2em;
}
    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Page formatting wrong on Mobile’ is closed to new replies.