Issue with responsive images

Beaver Builder
1

Hi there - I’m having issues with images in a two-column row resizing on tablets. They show up as ? images in Chrome, and in Safari, they’re appearing as very different sizes, even though both are identically sized and the columns are set up 50/50. The page is http://www.farmingtonvoice.com/around-town

2

[Content Hidden]

3

Hey Jonette,

We are looking into this and will get back to you shortly.

Thanks!

KC

4

Hey Jonette,

I’ve found a fix to your issue. It looks like you have set the column responsive layout to a custom setting with fixed 100% width. I’ve changed it back to the default settings and the column should automatically resize your image according to the screen size. Please find the screenshot below for your reference.

Thanks!

KC

5

Excellent, thank you, the images are now sized properly! I have another question – rather than sitting side by side, they’re stacking on the iPad. Is there anything I can do about that?

6

Hey Jonette,

By default, our Small Responsive Breakpoint is set to 768px, which is the width of an iPad. Changing this to 767px should fix you right up. You can do so by going to Tools > Edit Global Settings when inside the Page Builder. :slight_smile:

Ben

7

Like a charm - thanks again!

8

No worries! Have fun with BB! :slight_smile:

Ben