I can remove the modifications from the enfold parent folder so you can better see the issue ?

Hi Mike,
Yes, if I replace the enfold parent shortcode.js, it seems to work…
But it’s not ideal since I would need to copy/paste my modification in the shortcodes.js each time I update enfold.

… I also noticed that the column links don’t work neither with the shortcode.js integrated in my child theme.

Hi Nikko,
Worked like a charm, thank you so much!!!
Amazing support as always!

Hi Victoria, worked like a charm, thank you so much!!
Amazing support from you guys, like always! :)

Hello, thanks a lot @2funky, yes it definitely showed me the way. I just had to adapt it a liitle since I needed to put the word “Cart” before the number.
Thanks again!

Hi Victoria, you are amazing, it works like a charm!
Thank you so much for your amazing support as always!
Long live Kriesi! (and Enfold ! ;))

• This reply was modified 5 years, 8 months ago by maxgorelkine.

Hello Victoria,
Here is the exemple for desktop where each tab has a “tab_counter_1”, “tab_counter_2”, … class which allows me to target each tab separately and apply a different background color:

And the same tab element on mobile where each tab loses it’s specific counter class and becomes just “fullsize-tab”, which makes it impossible to target each tab separately. I tried to use :nth-child() but it doesn’t seem to work.

Thanks a lot for your help!

• This reply was modified 5 years, 8 months ago by maxgorelkine.

Hello, here is a the link.
I’ve used the following code for now, but unfortunately it doesn’t always works properly (sometimes the hidden divs are shown when closing the overlay burger).
The idea was to link the visibility of #lalo-language-switcher and #texte-menu-bas divs to the visibility of the overlay-burger-menu, but I’m not sure how…
Tanks a lot!

function add_hide_header(){
?>
<script>
	jQuery('.av-hamburger').click(function() {
  		jQuery('#lalo-language-switcher').fadeToggle('100', 'linear');
		jQuery('#texte-menu-bas').fadeToggle('100', 'linear');	
    });
</script>

<?php
}
add_action('wp_footer', 'add_hide_header');

Hi, thanks for your reply!
Actually, what I’m trying to achieve is to show 2 divs at the same time as the burger overlay when clicking on the burger menu icon, and hide these divs when closing the menu… is there a way to link/use the enfold function that displays and hides the overlay menu when clicking on the burger icon?
Thanks a lot!

Since I’m here, there is another issue concerning the scroll down arrow functionnality on ipads.
It seems that on tablets, the fixed header is not taken into account when calculating the point where it should stop when clicking on the scroll down arrow. The result is that the scrolling goes a little bit to far, which often means that the next section title is hidden by the header…
I don’t know if you see what I mean?
On desktop, the scrolling works perfectly with or without sticky header, but on ipad it doesn’t… are you familiar with this issue?
Thanks again!

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

I’ve tried the solution proposed (hidding the video sections based on devices) and I’ve encountered another problem:
The scroll down arrow of the video slider above doesn’t work properly, since it’s pointing to the #next-section which is the second video block hidden via css.
Do you have a solution to point to the proper #section under the video slider which is not hidden instead?

Hello,
I’ve tried that. When I remove the fallback image, there is no video and the following message on ipad and iphone :
Please set a mobile device fallback image for this video in your wordpress backend.

Thanks a lot, unfortunately I don’t see any change, still 2 columns on small screens for the test page :

• This reply was modified 8 years, 6 months ago by maxgorelkine.

Thanks, I tried, but unfortunately it doesn’t change a thing…