Joomla Templates Club 406,261 posts

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#208797

Hi, we have a business-home slideshow with an acm hero-style-4 inside, with vimeo video content.
we have problem in video resize when changing the browser resolution, i.e. the video is not full-screen but resize inconsistently with the browser dimension.
other hero-4 with jpg image are resized correctly.
we’ve noted that the html result in wrong height dimension with respect to the screen dimension:
div class=”acm-hero style-4 style-dark position-center text-center full-screen show-intro” style=”height: 269px;”>
how to correct this behaviour ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#577583

Hi @mpatriarca,

Could you please provide a screenshot indicate the problem so I can assist you better ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#643877

Hi @mpatriarca,

Could you please provide a screenshot indicate the problem so I can assist you better ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#742524

Hi @mpatriarca,

Could you please provide a screenshot indicate the problem so I can assist you better ?

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#577648

We “solved” temporary the problem adding the following in custom.css:
.acm-hero.style-4 {
overflow: visible !important;
} @media screen and (max-width: 1199px) {
.acm-hero.style-4 {
overflow: hidden!important;
}
}

but we don’t know if this is the right way

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#643942

We “solved” temporary the problem adding the following in custom.css:
.acm-hero.style-4 {
overflow: visible !important;
} @media screen and (max-width: 1199px) {
.acm-hero.style-4 {
overflow: hidden!important;
}
}

but we don’t know if this is the right way

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#742577

We “solved” temporary the problem adding the following in custom.css:
.acm-hero.style-4 {
overflow: visible !important;
} @media screen and (max-width: 1199px) {
.acm-hero.style-4 {
overflow: hidden!important;
}
}

but we don’t know if this is the right way

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#577776

Hi @mpatriarca,

I checked this matter again and look like it happen in Safari only. After resize your browser, somehow the video is not rendered correctly but if you move to next / previous slide and move back, it look fine.

Assuming in live case, when visitor browse your site in real device instead of resizing browser, the page will be refreshed and you won’t see the problem, only when you resize your browser.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#644070

Hi @mpatriarca,

I checked this matter again and look like it happen in Safari only. After resize your browser, somehow the video is not rendered correctly but if you move to next / previous slide and move back, it look fine.

Assuming in live case, when visitor browse your site in real device instead of resizing browser, the page will be refreshed and you won’t see the problem, only when you resize your browser.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#742705

Hi @mpatriarca,

I checked this matter again and look like it happen in Safari only. After resize your browser, somehow the video is not rendered correctly but if you move to next / previous slide and move back, it look fine.

Assuming in live case, when visitor browse your site in real device instead of resizing browser, the page will be refreshed and you won’t see the problem, only when you resize your browser.

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#577859

I see, what i’m wondering now is if with my change in custom.css could in some way destroy some other section in the template.

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#644153

I see, what i’m wondering now is if with my change in custom.css could in some way destroy some other section in the template.

[mpatriarca Friend mpatriarcaJoin date: June 2014Posts: 23Downloads:18Uploads:2 Thanks: 8 Thanked: 2 times in 1 posts]

#742787

I see, what i’m wondering now is if with my change in custom.css could in some way destroy some other section in the template.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#577936

Hi @mpatriarca,

Regarding your CSS code, it will apply to JA ACM – Hero style 4 only.

1 user says Thank You to Adam M for this useful post

1. mpatriarca

[Author]

Posts