External URL via lightbox - Mobile friendly

Permalink
Hello all,

I am trying to make mobile friendly version of external url in lightbox, it shows on desktop without a problem but on mobile, it shrinks and cannot see full external web on lightbox.

How can I make it mobile friendly?

Thanks
Victor

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi VictorDynaC5,

To better assist you, please include more specific details about your question.

What version of concrete5 are you using?
What lightbox are you using?
What is the address of your website?
VictorDynaC5 replied on at Permalink Reply
Hello MrKDilkington

To answer your question,

Version: Latest version -> 5.7 and above
Lightbox: Using image block -> edit -> installed external url -> for website view
Address of website:http://lineardynamics.com.au/index.php/brands/apex-dynamics/apex-pl...

Click on any picture product,
- Lightbox pop up on desktop perfectly fine
- Lightbox pop up doesn't show full external url --> How can I fix this?

Thanks
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
@VictorDynaC5

The lightbox uses Magnific Popup and is responsive.
http://dimsemenov.com/plugins/magnific-popup/...

The problem you are having is that the external URL page content in the iframe is not responsive. The original content of these external URLs needs to be made responsive.
VictorDynaC5 replied on at Permalink Reply
@MrKDilkington

So I need to install this lightbox addon into Concrete5?
And then I will adjust the lightbox again.

Is that right?
MrKDilkington replied on at Permalink Reply
MrKDilkington
@VictorDynaC5

You are adding images to your page and linking them using the Content block. The lightbox that the Content block uses is Magnific Popup. Magnific Popup is not the issue. The issue is the sites you are linking to are not responsive. This means that when you display them through the lightbox on smaller screens, they will have scrollbars and not be mobile friendly.

To display these external URLs responsively, you need to change the content of the external site.
http://stackoverflow.com/questions/4724904/how-to-change-style-of-i...
VictorDynaC5 replied on at Permalink Reply
@MrKDilkington

Ah that make sense...very well. I can't do much about this issue as you described above that is already built in with Concrete5.

Oh I see, there's other way....by changing external content.
(I went on your link, not quite know what exactly I am looking for, so can you give me an idea/description on how to do this?)

Many thanks
MrKDilkington replied on at Permalink Reply
MrKDilkington
@VictorDynaC5

Making this work would require technical effort. I would recommend taking another approach. One would be opening the external link in a new tab, instead of in a lightbox.