Joomla Templates Club 406,261 posts

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#980889

Hi to all,

I have a problem with ja acm and vimeo. On some screens the video gets cut at the bottom rather than dynamically getting resized.

Is there any way that i can fix this? I think it has to do with the height of the iframe for the video module.

I have spent about a week looking for this before asking for help but i could not find something.

If i disable the element.style in firebug i can see the entire video. But i don’t know where to edit this or if this is wrong to do as this may affect the automatic resizing.

Please look at the attachments

Any help will be greatly appreciated

---

Attachments:

1. 
2. 

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

#981201

Hi
could u check it in real devices ? I checked your site in my desktop and 14inch laptop screen , the video is showing fine : http://prntscr.com/czvbnn

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#983202

Pankaj Sharma wrote:

Hi could u check it in real devices ? I checked your site in my desktop and 14inch laptop screen , the video is showing fine : http://prntscr.com/czvbnn

Hi,

I have checked this in read devices such as my 13.3 Macbook Air and my 15.6 HP laptop. The problem is there!

Please see the attachment and please let me know where can i find this at the arrow??? It seems to get the size automatically. Maybe this is causing the problem?

What about if somebody sees the website on a 12" laptop the bottom of the video gets cut as you reduce the screen. See my 2nd attachment.

---

Attachments:

1. 
2. 

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

#983278

Hi
Go to /templates/uber/acm/hero/css/custom.css

Add below code in custom.css file

.acm-hero.full-screen {
    height: auto !important;
}

let me know if it helps .

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#983348

Pankaj Sharma wrote:

Hi
Go to /templates/uber/acm/hero/css/custom.css

Add below code in custom.css file

<pre class="prettyprint linenums:1 prettyprinted">

1. <span class="pun">.<span class="pln">acm<span class="pun">-<span class="pln">hero<span class="pun">.<span class="pln">full<span class="pun">-<span class="pln">screen <span class="pun">{
2. <span class="pln">height<span class="pun">: <span class="pln"> <span class="kwd">auto <span class="pln"> <span class="pun">!<span class="pln">important<span class="pun">;
3. <span class="pun">}

let me know if it helps .

No unfortunately this does not work.

Try to view the website in 1280×720 screen resolution. The bottom part is being cut again.

See my attachment

---

Attachments:

1. 

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

#983351

Hi
Please check my code is different then your code . I checked the code it was working.

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#983375

Pankaj Sharma wrote:

Hi
Please check my code is different then your code . I checked the code it was working.

Hi,

Thank you for the quick reply.

There is no custom.css file under /templates/uber/acm/hero/css/custom.css

I created one and added the code there.

In my original message i induced admin account. Can you please check?

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

#983391

Hi
this is the current view of video from my laptop .
The code is working as u can see in my screenshot : http://prntscr.com/d2xf88
Kindly clean your browser cache and check. The video height is auto now .

1 user says Thank You to Pankaj Sharma for this useful post

1. magelanos

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#983397

Pankaj Sharma wrote:

Hi
this is the current view of video from my laptop .
The code is working as u can see in my screenshot : http://prntscr.com/d2xf88
Kindly clean your browser cache and check. The video height is auto now .

Thank you for your help Pankaj Sharma.

I can see it working. I will need now to check this on Tablets and mobile phones to make sure it is also working there.

I will get back to you.

[Author]

Posts