Passer la navigation

[Résolu] How do I make a WordPress archive responsive

Ce fil est résolu. Voici une description du problème et la solution proposée.

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 Il y a 4 years, 3 months. 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 -

Fuseau horaire du supporter : Asia/Karachi (GMT+05:00)

Ce sujet contient 2 réponses, a 2 voix.

Dernière mise à jour par lesleyA Il y a 4 years, 3 months.

Assisté par: Waqar.

Auteur
Publications
#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: lien caché

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!