I will give that a try in a day or two. Just sent out newsletter for my client’s website, so I don’t want to mess anything up atm in case it breaks something. I did find a temporary solution for the time being and that was manually going into wp-content/uploads/dynamic_avia/enfold_child.css and changing http to https in the css there (stumbled on this after racking my brain for hours and hours). Seems that an enfold file does generate the url dynamically, so the css file went back to http address for the goodreads file. It’s been ok for the past 2 days after I changed it back to https in enfold_child.css.

From browsing through the threads, I think the issue is caused by something in the font-manager-class.php file. I played around with the various suggestions made in the past from mods here but nothing things to help it. At least i don’t have the mixed content for the time being

Hi Guenni007. The errors from console log.

The particular icon is for Goodreads that’s giving mixed content issue. I’ve since fixed the issue for raleway and Lora fonts by re-uploading those custom fonts. But the Goodreads one I tried doing the same but no solution so far. Seems enfold keeps referring to the folder /wp-content/uploads/avia_fonts/type_fonts/fonts/goodreads.woff etc, which is where the mixed content errors come from.

Hi Ismael,

Thanks very much for that! I see the icon showing up properly now on mobile. May I ask what it was that you did? (in case for future cases like this). Did you do something to the svg file i sent over or did you grab another goodreads icon from the web?

Regards,

Louis

Here’s the link to custom svg file (which fontello generated as a zip). This was the file that I uploaded via the Enfold import area

https://www.dropbox.com/s/c4bh1n9nbubozmz/fontello-a1176af1.zip?dl=0

Thanks!

Here’s my wp login

Thanks

Done! Left code in so you can take a look. Thanks

• This reply was modified 6 years, 3 months ago by tma8.

Thanks for the reply Nikko. Ah yes, I now realize why I couldn’t find the set “Content Height” option. I have “Set display tabs BELOW the content” (required for my design). Seems that when tabs are below the content, the option field for variable height disappears. Is there any way to achieve variable height for when the tabs appear below the content?

Thanks again!

Awesome. Thanks Josue. I missed that your css had “S” instead of “s”. Changed it and now it’s disabled it in Safari.

How would I disable it too for Internet Explorer? I found it really jumpy on IE11 as well.

Thank you.

Hi Josue,

I had already tested it out using this CSS (Ismael had provided this code earlier in the thread):

.Safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}

Any other suggestions?

Cheers

Hi Ismael,

Thanks for the help.

I’ve replaced code in line 61 of header.php, added new css and even flushed my cache on Safari (iMac and Macbook) but nothing’s changed — the parallax effect and jumpiness is still there. Any ideas why?

My hope is that Kriesi could implement a fix before waiting on Safari to better support the effects, since it’s not just Safari. IE 11 on Windows and FF 28 as well it gets choppy when scrolling/using next section button to move down screen.

@aovivo, have you tried any specific jQuery Easing Plugins to help this matter that you’d recommend trying out?