Weird,
I recorded my screen to show it live.

Thank you! I tweaked it a bit so it will only affect the specific masonry gallery.
Unfortunetly, now it ruins the RTL setting of the element: When the page loads, the elemnt shows in LTR (the items flip sides) and after the scroll reaches the trigger point of the element, it changes the sides so it will be right in the RTL.
You can see it live in the site, link in private content + the code I put in the Quick CSS.

Thank you for helping!

I think I found it!
The font settings resets everytime I clean cache with “WP ROCKET” plugin.

This was the code added to the “Quick CSS”:

#mobile-advanced a, #mobile-advanced .mega_menu_title {
    padding: 10px 28px;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    right: 0;
    margin-right: 10px;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
    content: "\25C4";
    top: 10px;
}
#mobile-advanced ul {
    margin: 0;
    padding-right: 20px;
}
#mobile-advanced ul a, #mobile-advanced .mega_menu_title {
    padding-right: 28px;
}

I don’t remember if the menu was already aligned to the right and the code just organized the sub-menus, but this is what I’ve got there.

If I notice right, only when updating the theme.

Thanks, Ismael!
Looks like it works now :)

Hi,

Now the caching is supposed to be disabled.

• This reply was modified 8 years, 1 month ago by barak97.

I removed “Arial” from the code.
I forgot to mention in my first message, but I obviously selected “Heebo” as the default font in the theme options.

I turned off the cache plugin and followed your instructions, but the font still was Arial when I used IE and Edge… :(

This is the link.

I’ve done that, but the same problem still accours… :(
You can see in the link in the Private Content.

please? any help?

I think I figured the problem out, but I still need help to solve it.

Looks like the problem is I created two Full Width Sliders in the front page.
Because the slider doesn’t look well on mobile, I decided to make 2 different sliders with different sizes; First one for Desktop and Tablet, Second for Mobile (and Tablet when is vertical).

According to one of the answers in this forum, I used this code in order to do it:

/*First is for Desktop and Tablet, second is for Mobile*/
@media only screen and (max-width: 989px) {
div#full_slider_1 {
    display: none;
}
}
@media only screen and (min-width: 988px) {
div#full_slider_2 {
    display: none;
    }
}

Thing is that it looks like this code makes the problem of animation triggers late.

Look at “ex1” in the private content in comparison to “ex2”.
ex1 has both Fullwidth slider for desktop & mobile.
ex2 has only one Fullwidth slider. That means that the code above doesn’t affect this page, at least not on desktop view, and only the desktop slider is shown (and exists) in this page.

ex1 has the animation problem and ex2 doesn’t.
That means that the code makes the problem, because for some reason, your theme counts the non-visible slider in the trigger point value.

What’s the right way to hide each slider for each device, in a way that is won’t affect the animations?

Unfortunately, that didn’t work as well…
It happens only in the front page – Other pages are fine.
(I used the front page of the Gym demo and edited it.)

Off coure.
Thank you.

• This reply was modified 8 years, 4 months ago by barak97.