Issue with fullscreen slider and the anchor #next-section - Support

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
May 7, 2014 at 10:53 am #261231
pako69
Participant
Hello
On a test page I have:
1) a fullscreen slider wich is only visible for mobile
2) a accordion slider wich is only visible for desktop

I’ve done that because the new accordion element is too small on mobile.
I use two CSS class to deal with that:
```
/* DESKTOP */
.hidden-desktop { display:none !important;}
.visible-desktop { display:block !important;}

/* MOBILE */
.hidden-desktop { display:block !important;}
.visible-desktop { display:none !important;}
```
All works great except one thing, the fullscreen slider is setup with a bottom anchor/button to go to the next section.
> A click on this button do nothing…

I also tried to setup the page like this:
1) a accordion slider wich is only visible for desktop
2) a fullscreen slider wich is only visible for mobile
> In this order, yes the click works, but the white demi circle button is not visible on mobile.

The test page is here: http://www.domodeco.fr/accueil-test

Thanks :-)
May 7, 2014 at 4:05 pm #261341

pako69
Participant

I understand that a click on this anchor can not work because the #next-section is … display:none
So how can i do to tell enfold to go to the next>next section ?
thanks

May 8, 2014 at 4:56 am #261589
Ismael
Moderator
Hi!

Thank you for using the theme!

Actually, the button is working but it targets the accordion slider as the next section. If I am not mistaken, you can fix it by editing config-templatebuilder > avia-shortcodes > slideshow.php, find this code on line 463:
```
$html .= "<a href='#next-section' title='' class='scroll-down-link'". av_icon_string( 'scrolldown' ). "></a>";
```
Replace it with:
```
$html .= "<a href='#contenu' title='' class='scroll-down-link'". av_icon_string( 'scrolldown' ). "></a>";
```
The id contenu is the id that you set for the color section below the sliders. Please let us know what happens.

Best regards,
Ismael
May 8, 2014 at 11:37 am #261725

pako69
Participant

Hello Ismael
It works!

But, as i do not like to modify the Enfold core files, I have had this to my function.php:
add_filter(‘avia_load_shortcodes’, ‘avia_include_shortcode_template’, 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.’/shortcodes/’);
return $paths;
}

And in my Enfold chield directory I have created a directory named /shortcodes and put in this one the modified slideshow.php. :-)

Thanks a lot.

May 12, 2014 at 8:56 am #263184

Dude
Participant

Hey!

Great, glad Ismael could help you :)

Cheers!
Peter
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Issue with fullscreen slider and the anchor #next-section’ is closed to new replies.