Support » Plugin: Atomic Blocks - Gutenberg Blocks Collection » A B Profile box breaks on mobile – portrait view

  • Resolved dnwired

    (@dnwired)


    Images on the A B profile box don’t render properly or in place when this module is viewed on a mobile browser. I’ve tested duplicating existing boxes, resized images, layout formatting but definitely looks like there’s a bug.. On landscape and any other wider screen resolution, box and images render ok.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Found the issue. Low character count on paragraph field will break image. Must have at least one full line of text wrap.

    Unfortunately, I have to confirm the issue is still present with the latest version. I wasn’t able to fully debug the issue but the profile image seems to break regardless of text length in our case. I was able to achieve the desired behaviour to all boxes by adding the following CSS to our stylesheet.

    /* AB Profile Box Break Issue */
    
    @media only screen and (max-width: 600px) {
        .ab-block-profile .ab-profile-avatar-wrap {
            min-width: 50%;
        }
    }
    
    • This reply was modified 1 year, 8 months ago by d9media.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘A B Profile box breaks on mobile – portrait view’ is closed to new replies.