Archive pages are ill-formated

[Andy Burns]

Where do I started solving compatibility issues like these:

https://lpia.org/events/category/fundraiser/

https://lpia.org/find-events/

I’ve tried all 3 template handling modes with no effect in the right direction.

Finally, the search on this page is not responsive. https://lpia.org/get-involved/events/ Do you have CSS to resolve that?

It is using the Astra Theme.

Thanks,

[Andy Burns]

Hello?

Please note this is a multisite and does not occur on the network level site but only on sub sites.

• This reply was modified 5 years, 6 months ago by  Andy Burns.

[Stephen Harris]

Hi Andy,

It appears the theme is adding CSS properties via javascript. For instance this page: https://lpia.org/find-events/ the “Early/Absentee Voting” event has the properties:

position: absolute; left: 431px; top: 0px;

These are being applied by some javascript file. I couldn’t tell which, but there aren’t very many loaded on the page:

• https://radar.cedexis.com/1/11475/radar.js
• //lpia.org/wp-content/uploads/sites/21/fvm/out/header-ce8f17a9-1539973659.min.js
• //lpia.org/wp-content/uploads/sites/21/fvm/out/footer-b07f7a7a-1539973659.min.js

None of those scripts are loaded by the plug-in, so I suspect that there is another plug-in or a theme that is doing this, causing the page to become ill-formated.

[Andy Burns]

Thanks Stephen. The issue was Astra Pro plugin which changed the archive page which was a setting for the blog archive page. The format was set to 2 columns. I set it to 1 and now that is working nicely with the event category pages.

Clients have asked why it shows archive at the top (e.g. https://lpia.org/events/category/meetup/) instead of the event category name. I do not know a way to resolve that.

[Stephen Harris]

I can’t be sure – it could depend on the theme. What are the template settings for Event Organiser (Settings > Event Organiser > General)

[Andy Burns]

It is using: Enable theme compatability mode (default)

[Author]

Posts