Posts Layout Issue on small devices

Beaver Builder
1

Hello

I have just about finished the site:

http://avalonbeachchiropractic.com.au/

using the BB theme and page builder. I am using the Posts module on:

http://avalonbeachchiropractic.com.au/blog/

with featured images set to the left.

However, on phones and tablets in portrait mode, the image is placed above the text, as it should, but the text is still indented.

I would appreciate help fixing this!

Many thanks,
Stuart

2

Hey Stuart,

Thanks for getting in touch! I am getting the same problem from my end. It looks like the mobile CSS can’t override the desktop one. I’ll submit a bug report about this. Thanks for the heads up! :slight_smile:

Ben

3

Thanks for getting back to me and I look forward to the fix! Stuart

4

I would also add that the three widgets in the footer overlap on small devices:

http://avalonbeachchiropractic.com.au/

Thanks,
Stuart

5

Hey Stuart,

This is what I see from my end.
http://imgur.com/mq5PwX8

But that’s just by squeezing the browser width. What device were you viewing the site on when you saw the issue? Do you mind sending a screenshot? You can use imgur.

Ben

6

Hi Ben

The problem is on an iPad in portait mode. See:

http://imgur.com/hcNzfKF

Thanks,
Stuart

7

Hey Stuart,

Adding this CSS snippet should fix you right up! You can place this directly under Theme Customizer > Code > CSS Code.

.fl-page-footer-widgets img {
  max-width: 100%;
}

Also, the mobile Posts layout issue has already been fixed. We should be able to release an update sometime this week. :slight_smile:

Ben

8

Fantastic.

Many thanks,
Stuart

9

Hey Stuart,

No worries! Have fun with BB! :slight_smile:

Ben

10

late to the party here but…

How did you get the 3 widget footer - rather than the 4?

I’m hunting here for answers… Thank you.

11

Answered here - http://forum.wpbeaverbuilder.com/support/q/3-widget-footer-columns/