Single Event view non-responsive

[Chris St Cartmail]

After pasting the URL of a singe event onto my home page, I see that although the event details with image appear and function fine on a PC, when I reduce the window size to simulate a tablet or mobile device, I note that the event box stays static / unresponsive.
This seems to be a fairly basic requirement – can you suggest a fix or let us know when the product will be upgraded ?
Thank you

[George]

Hey Chris,

Thanks for reaching out.

Responsiveness is mostly handled by and determined by your theme, not the plugin itself.

Can you share a link to a place on your site where a non-responsive event embed like the one you describe is visible? I will take a look and try to diagnose the problem more specifically, and if there is indeed a bug on our end I will notify our developers.

Thank you!
George

[Chris St Cartmail]

Hi George, thanks for your reply.

If I input the url of the event within Visual Composer, then just the url appears, not the event detail. If I enter it outside the Visual Composer div, it ends up non-responsive.

The site is accessible only on the development server, but you can view it via IP address – see below

I have done the following on my Mac

■ Accessing your Host file for Linux/Mac OS users:
° Open the Terminal application
° Enter sudo nano /etc/hosts (Both sudo and nano may vary depending on distribution and personal preference)
 
■ To add the website you wish to preview, enter the following IP Address and domain

  112.109.81.140  http://www.devonportdirectory.co.nz
112.109.81.140  devonportdirectory.co.nz
■ Save the file

[George]

Hey Chris,

Thank you for elaborating on the issues here. Based on your description of things, the issues are arising from your theme and Visual Composer itself, and so I would recommend following up with them for further support.

Why? Well, the things being described here are event embeds, which happen when you copy and paste the URL of a single event into another piece of WordPress content, as you describe in your first post here. The core problem you describe is that the event embeds are not responsive on your home page.

To test this out, I copied and pasted single events into various pages, posts, etc. on my own testing site to see if they were indeed not responsive.

What I found was that they actually ARE responsive. Here is a video screencast showing a page on my site where it works responsively, as I adjust the width of the browser and such → https://cloudup.com/cl5k9QtNuh8

So since they are responsive by default, the fact that they are not responsive in your current theme means that your theme is breaking the responsiveness.

There is also another layer to the problem, actually, based on what you said: you say that if you paste the URL into Visual Composer directly, no embed is shown. So, embeds are broken in Visual Composer. Please contact the Visual Composer team for assistance with that specific issue and to bring the issue to their attention.

I am sorry to bear the news about the Visual Composer theme not support embeds within Visual Composer at all, and not allowing them to be responsive when they do embed. Please do contact their support team for further assistance with both members.

I wish you the best of luck with these issues and your project.

Sincerely,
George

[Chris St Cartmail]

OK, thanks George for looking into this so thoroughly.

I tested it out on three other WordPress sites and experienced the same problem on two of them. One of the two had Visual Composer.

I have got around the issue on the Visual Composer site above by using the HTML embed option and changing the code which had the iframe set to width=”600″ height=”400″ –> changed to width=”100%”
– this did the trick. Hopefully that is a useful workaround for others that might experience the same problem.

Best regards

Chris

• This reply was modified 9 years, 7 months ago by Chris St Cartmail.

[George]

Hey Chris,

Thanks so much for sharing your fix—the width="100% tip is a great one and I’m sorry that I wasn’t able to reproduce your problem and recommend something like this myself!

Best of luck with your projects—open a new thread here any time if other issues or questions arise!

Sincerely,
George

[Author]

Posts