portfolio carousel mobile

[Yann]

Hi guys,

I have a 3 item portfolio carousel with 3 columns. When in desktop display logically no navigation arrows.
But when in mobile display the 3 items/3columns are reduced to 1, therefore we need the navigations arrows to pass from one item to the other.

I managed to make them appear with: .carousel-wrap a {display: block!important;}
But they are not functional. It seems I need to edit some php function to get them to work?
I didn’t find anything in portfolio-carousel.php, any idea where I should be looking?

the page:

http://www.neptunescubadiving.com/diving-courses/

Regards
Yann

[Kyle – SUPPORT]

Hi

I would keep the carousel turned on, and if you do not want to arrows on desktop then add display:none; for screen sizes larger than 768px

Let me know if you need further assistance.

– Kyle

[Yann]

Hi,

Sorry I don’t understand this part of your answer: “I would keep the carousel turned on…”
Is there a switch for that?
Anyway, I wouldn’t mind having the navigation arrows on desktop screen, this is not the problem.
They do not appear because there is no need for them as on this carousel there are only 3 items in a 3 columns layout. The problem is, when viewing on mobile screen the 3 columns are squeezed in 1 and only one item is visible. Without nav arrows the other items can’t be displayed.

I attached 2 screen shots.

On top of the 1st one ther’s a carousel named “Scuba Diving Courses”, it has 6 items and so it displays nav arrows. At the bottom there’s a carousel named “Freediving Courses”, it has only 3 items and so does not display any nav arrows.
In this case everything is normal.

On the 2nd screen shot you can see the mobile version of “Freediving Courses” portfolio, the 3 columns are squeezed in 1, only one item is visible.
In this case there is a problem, there should be the nav arrows to display the remaining 2 items.

In my previous post I said I found a solution to make them appear but there are not functional.

How do I make them appear AND functional?

Thanks for your help 🙂

[Kyle – SUPPORT]

I see what you mean, I will forward this to the developer he may know how to solve the problem.

Thank you for your patience.

– Kyle

[Yann]

This reply has been marked as private.

[Melanie – SUPPORT]

Hey, it seems the thread did not get assigned yet, I will assign it to the developer.

[Swift Ideas – Ed]

Hi Yann,

Checking here – arrows are showing fine?

– Ed

[Yann]

Hi Ed,
On this page http://www.neptunescubadiving.com/diving-courses/
when on mobile view and on the ‘Freediving Courses’ carousel, arrows are showing and functional on your screen?

Yann

[Swift Ideas – Ed]

Hi Yann,

Yes that is correct – https://www.dropbox.com/s/0b4lslvqb0gq2tk/Screenshot%202014-02-18%2012.23.42.png

– Ed

[Yann]

Hi Ed,

No, this is the ‘Scuba Diving Courses’ carousel. No issues with this one.

Please read my reply of 12 of Feb and see the post attachment.

Regards
Yann

[Swift Ideas – Ed]

Ahh, apologies!

Just fixed it for you, and included the fix in the next update. You can check the changes within the carouselWidgets var in the /js/functions.js file.

– Ed

[Yann]

Great!

Thank you very much Ed 🙂

[Melanie – SUPPORT]

Great!