Log in Get SwiftGrid →
Resolved

Responsive breaks on ipad landscape

Ultra Theme started by Ron May 12, 2017 9 replies
Ron May 12, 2017 · 11:08 pm #6667

Hi
I am using ultra premium and on the homepage I have 2 rows of 3 text widgets but in ipad landscape they break in an uniform way.
The first row has 2 items
second row 1
third has 2
and fourth has 1

How can I get it to be
2
2
2

THanks

Andrew Misplon Puro May 13, 2017 · 5:43 am #6668

Hi Ron

Thanks for reaching out.

Please, send a link to your site so we can check the problem out. Set as private reply checkbox is below the comment field.

Ron May 13, 2017 · 10:31 am #6669

This reply has been marked as private.

Andrew Misplon Puro May 13, 2017 · 6:05 pm #6670

Thanks Ron. I can do it with Custom CSS. Will assist ASAP but it might be Monday morning. Sorry it can’t be earlier. Would rather try send you the correct snippet first time around. Chat then. Thanks 🙂

Andrew Misplon Puro May 14, 2017 · 7:55 am #6677

Thanks for the wait. Please, can you edit the widget concerned and switch over to the Text tab. See the style="width: 700px" tag, try removing that. That’s the problem at the moment.

If you need that declaration then you should rather edit the row and enter a row class of your choosing:

square-images

Then in a Custom CSS plugin or Customize > Additional CSS you’d say:

.square-images img {
max-width: 700px;
}

Start by removing all the inline style tags though and see how things look after that.

Ron May 14, 2017 · 1:53 pm #6690

There is no such code (style=”width: 700px”) when I look in the widget.
This is the code in the widget:
[caption id="attachment_1142" align="alignnone" width="700"]<a href="#"><img src="http://zohar.net.nz/test/FP/wp-content/uploads/2017/05/Sports-Injuries.jpg" alt="Sports Injuries" width="700" height="450" /></a> <a title="Sports Injuries" href="#">Sports Injuries</a>[/caption]

I have styled the caption in the custom css to suit my needs.

Andrew Misplon Puro May 14, 2017 · 2:26 pm #6693

Thanks. Try removing the width attribute from each figure.

Ron May 15, 2017 · 7:17 am #6694

I tried – still doing it…
I moved all the 6 widgets to one row (they were on 2 rows) and now its only the last two that don’t work

Ron May 15, 2017 · 7:19 am #6695

Is there anything to force a widget to be last or first in a row?

Andrew Misplon Puro May 15, 2017 · 7:21 am #6696

Hi Ron

Page Builder isn’t able, at the moment, to break widgets out into new rows for mobile. We can move this over to email so I can get login details as I need to see the issue to continue to assist. Chat there in a moment. Cheers.

10 posts