Hi Rikard,

thank you. That is really strange.
I don’t see the site in the way you do. Not in the normal window using Chrome, Firefox, Safari, Edge or any other PC or Mac neither in the incognito Chrome-window. Do you have any idea.

But there ist one more problem: I also want to have the kaushan scriupt in the caption content of the fullscreen slider. Your screenshot shows me that this also doesn’t work…

Best regards

Uli

• This reply was modified 7 years, 7 months ago by ulif.

Hi Rikard,

I use safari on the iPhone, and maybe it looks like you don’t have a background cause the image so blown up that you see only 1 color.

*edit*
I have done some testing and the only ptoblem left is on the frontpage with the fullscreen slider. Plz take a look at the test page: https://hetsein-it.websein.nl/test2. If you scroll down you see a second fullscreen slider, this time with a caption. It looks like the image isn’t responsive when this caption is added.

*edit2*
Changing the screensize within chrome (ctrl-shft-i or plugin) show a far better resize than I’m getting on my iPhone. I can’t figure out what the difference is.
Screenshot of resized in Chrome with plugin: http://imgur.com/a/SB7vI
Screenshot from original iPhone: http://imgur.com/a/oYe7H

Regards,

Jerry

• This reply was modified 9 years, 3 months ago by Jerryotto.

Thank you Ismael,

No luck in getting the full screen slider to stop clipping the top of the images. I have tried:
1) adding the css modification you suggested, images are still clipped.

2) I adjusted the image position on the settings for the full screen slider to be center-center, bottom-center and no difference has been seen.

3) I tried creating a new full screen slider from scratch and still have the same problem.

I have cleared the cache multiple times, tried in Chrome, Firefox, and Safari and the problem persists in all browsers.

My biggest concern, besides that my website is no longer working correctly due to this issue, is that I did not change anything to what was a website with a full screen slider that has been working fine for a couple of years. What changed with the Enfold fullscreen slider ?

What is the optimal image size for the full screen slider?

Thanks !

Hey,

I already have updated to 3.8 (as mentioned above ;-)) and I see the option to set the background “fixed”. So I removed the custom css that you mentioned in your answer on August 12th and activated the fixed bg option for the slider. That works perfect in Safari and Chrome but NOT in Firefox.

There seems to be an issue with Firefox and fixed backgrounds.

Check https://dev.der-prinz.com/enfold/ in Chrome and Firefox and take a look at the strange thing I mentioned before:

“The strange thing is it works in a color section element (alittle down that page with the colred tubes) but not in a fullscreen-slider (the first element with the b/w images)”

Thanks
Michael

There are 2 issues I noticed so I had to remove the code temporarily so it wouldn’t mess up my site:

1. I already have some custom css (below) that adjusts the height of the fullscreen slider. The code you provided adjusts the height of all of the color sections as well as the fullscreen slider on my homepage (which I don’t want) making it extremely short. I added a custom css class of fullscreen_color_section Can you modify the code to use this custom css class so it only targets the color section on this page?

@media only screen and (max-width: 420px) {
.home div#fullscreen_slider_0 {
max-height: 490px !important;
overflow: hidden;
}

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 490px !important;
}}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.home div#fullscreen_slider_0 {
max-height: 295px !important;
overflow: hidden;
}

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 295px !important;
}}

2. Here is what I’m seeing on my iPhone 6 with Safari. (See Image) where the special heading is not centered and too high.

I’ve fixed all this problems, but now i have new!

On my macbook pro 13″ i have very nice picture of centered logo, but on acer 14″ logo moves to the right and its over some menu items (Google chrome at both pc’s).

I’ve used quick css:

.av-main-nav li:nth-child(4) {
margin-right:50px;
}

.av-main-nav li:nth-child(5) {

margin-left:150px;
}

.av-logo-container {
position:absolute;
left: 160px;
}

#header_main_alternate {
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
z-index:9;
}
.logo {
z-index:9999!important;
max-width:400px;
}

and i still want logo like this:
http://lapastafresca.ru/contacts/

Next one problem is that main page with fullscreen slider doesn’t work properly (tested in Safari on macbook and iphone 5/6):
I can see white background and button instead of fullscreen slider and button with heading.
But in google chrome is ok…
Help me please make it work properly.
Thank you!

Hi,
Please see link from my original post to testpage.
Trying to create a fullscreen slider on autorotate (only 2 slides so far) where the first slide is a short movie (I have uploaded .mp4 and .webm) and the second slide is an image.
On mac with latest OS and Safari there is actually 3 small/strange issues:

-The slider loops fine two times but then freeze at the beginning of third loop (video doesn´t play anymore but show still image instead), no further looping.

-If I then put another open program in front of safari (for example sublimetext) and then switch back to the safari with frozen loop. That slider area has now turned into a black space.

-I use a white transparent color overlay on the video but as the loops returns to this slide there is delay before this overlay shows (this seem to happen on a few browsers but not all)

Hey Ismael,

I want the shrinking header option because it looks really nice on my work page. (www.ccyran.com/portfolio)
What I dont understand is why it’s doing this shrinking on my homepage in safari, but only in safari. Chrome works fine. On my homepage, the only thing I placed is the fullscreen slider.

Please help!
—-
Posting my login details below…