Okay
  Public Ticket #3025959
Arrows missing on mobile view
Closed

Comments

  •  16
    alis_andreea started the conversation
    April 17, 2022 at 10:55am

    Hi,

    I have a carousel that on mobile view the arrows are not displayed, can you help me?

    I have atached a printscreen with the carousel and the arrows that I am talking about. Those arrows that you see there are not showing on mobile view. They are only showing for desktop view and landscape tablet, this means for at least 3 boxes, and if there are under 3 boxes the arrows are not visible.


    Thank you,

    Alis

  •  3,001
    Andrew replied
    April 17, 2022 at 5:31pm

    Hello Alis,

    These are hidden by default on mobile. 

    Use the following CSS.

    @media only screen and (max-width: 1000px){
    .nectar-flickity[data-controls*=arrows_overlaid][data-overflow=visible] .flickity-prev-next-button {
        opacity:1;
        visibility: visible;
        pointer-events: all;
    }
}

    Thanks,

  •  16
    alis_andreea replied
    April 18, 2022 at 10:15am

    Hi Andrew,

    I used that css but still does not show on mobile.

    Thank you

  •  3,001
    Andrew replied
    April 18, 2022 at 12:51pm

    Hello again,

    Kindly send us your credentials so that we can check on this more and advise.

    Thanks,

  •   alis_andreea replied privately
  •  8,939
    Tahir replied
    April 20, 2022 at 7:04pm

    Hey Again,

    Please check now.

    Thanks 

    ThemeNectar Support Team 

  •  16
    alis_andreea replied
    April 21, 2022 at 6:20am

    Thank you Tahir, it works!