Skip to main content
williamm86517933
Known Participant
October 19, 2017
Answered

Button in carousel on a mobile

  • October 19, 2017
  • 1 reply
  • 4179 views

Hi All,

Scratching my head on this one, trying to make a hot button on my carousel but not working on a mobile phone but on desktop it does.

any help will be appreciated

here is an link to index please view it on mobile to see what I'm trying to explain

http://webdelvptemps.com/

Thanks All like always!

This topic has been closed for replies.
Correct answer Nancy OShea

I'm so sorry Nancy, for not explaining my self correctly what I mean the carousel works fine is the red hot button on the carousel that doesn't work on the mobile but on desktop it does. When you click on it on a desktop it goes to a page within the site but on a mobile it does nothing NO action comes out of it.

once again sorry for not explaining correctly

Thanks!

http://webdelvptemps.com/


Buttons are not working for me on desktop either. 

It's not a good idea to have links on top of carousel pagers.  It's going to be a conflict for many users. 

Instead of having image in the background, I would keep images in the foreground HTML and link the image to its target page.

An example.  Pinebrook Vacation Rentals

1 reply

Nancy OShea
Adobe Expert
October 19, 2017

The Bootstrap default Carousel works fine on mobile devices.  Try replacing your CSS link with  this one and test it to see if your Carousel behaves better. 

<!-- Latest compiled and minified Bootstrap CSS-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

PS. I'm not lovin' that fixed BACK TO THE TOP button on mobile devices.   I think it's better to ditch it -- at least on small devices where it just gets in the way.

Nancy O'Shea— Product User, Community Expert &amp; Moderator
williamm86517933
Known Participant
October 20, 2017

Thanks Nancy for the info I will take A look at it.