Joomla Templates Club 406,261 posts

[Cristian Friend CristianJoin date: September 2009Posts: 17Downloads:30Uploads:6 Thanks: 5]

#987421

Hi, Cleeng.com states that their embed code behaves fully responsive across desktop and mobile devices for as long as your template behaves responsive as well. When I place this code on Uber template, specifically uber-home position on a custom html module, the embedded code is not behaving responsive.

Please check on: http://www.ponceinternacional2016.com

I have tried assign it "container" style, but that did not work. Help!!

---

Attachments:

1. 

Cristian
Digital Marketing Consultant

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#987436

Hi
The style code of the banner is coming from its own classes .
Here you can see the width and height is defined : http://prntscr.com/d8oryz
This is reason its using the same width for all the screen sizes .

[Cristian Friend CristianJoin date: September 2009Posts: 17Downloads:30Uploads:6 Thanks: 5]

#987732

How can I make it responsive then?

Cristian
Digital Marketing Consultant

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#987965

Hi
You have to apply the iframe width as 100% so it will auto resize the width in template .
Replace the width value with 100% .
Also if the embed code further creating its own fix width , you can not control it because its not generated in the template .

[Author]

Posts