CODEWITHSUNDEEP
androidjquerycssamp-html
shubham mod
shubham mod

Reputation: 63

How to show navigation arrows in amp carousel in mobile

I want to show navigation arrows in amp carousel in mobile but by default it does not show arrows. I have tried .amp-carousel-button { display:""; } and many others but nothing seems to work.

Upvotes: 4

Views: 1536

Answers (3)

Deeksha Sharma
Deeksha Sharma

Reputation: 3359

The amp-carousel navigation arrows are not visible all the time in mobile by default but on the desktop, arrows are always displayed unless only a single child is present (according to the official docs) https://www.ampproject.org/docs/reference/components/amp-carousel#controls-(optional). This is a bug which needs to be fixed. Nothing can be done about it right now

Upvotes: 0

Asamoah
Asamoah

Reputation: 489

You could also simply add the attribute controls to the <amp-carousel> tag, along with the other options you pass in.

Upvotes: 5

Karlen Avetisyan
Karlen Avetisyan

Reputation: 174

Try this

.amp-carousel-button {

   opacity: 1;

   visibility: visible;

}

Upvotes: 0

Related Questions