Skip Navigation

[Resolved] How do I make a WordPress archive responsive

This thread is resolved. Here is a description of the problem and solution.

Problem:
The customer asked how to make the masonry columns in the archive responsive.

Solution:
Guided that for responsiveness, you can set a different number of columns, for different device types, through the 'WordPress Archive Loop' settings.

Relevant Documentation:
n/a

This support ticket is created 2 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by lesleyA 2 years, 11 months ago.

Assisted by: Waqar.

Author
Posts
#2293141

I've created a new archive for blog posts using masonry style for the posts, with three columns across. I've also given the page a sidebar with a form widget.

I can't work out how to make this page responsive though! When I look on mobile there are three extremely narrow columns where ideally I'd have only one column.

Please can you help me to resolve this?

You can see the issue on this page: hidden link

Thank you

#2293697
masonry-responsive.png

Hi,

Thank you for contacting us and I'd be happy to assist.

For responsiveness, you can set a different number of columns, for different device types, through the 'WordPress Archive Loop' settings.
( example screenshot attached )

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#2293949

Thank you Waqar! I should've realised that with Toolset the solution would be straightforward! My issue is resolved now. Thank you!