Carousel Slider Arrows on Mobile

  • maleahflaggs

    (@maleahflaggs)


    4 years, 10 months ago

    Hello! I’m having issues with my homepage carousel slider. On the mobile layout the arrows are messed up. Is there anyway to completely remove the arrows but ONLY on the mobile view. I’d ideally like to keep them on desktop view.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Fotis

    (@markwaregr)

    4 years, 10 months ago

    Hi there,
    you can add this

    
@media(max-width:767px) {
    .slick-arrow {
        display: none;
    }
}

    in your custom CSS box. Let me know if this worked for you.

    Thread Starter maleahflaggs

    (@maleahflaggs)

    4 years, 10 months ago

    Hi!

    Thanks for you response. Unfortunately I couldn’t get it to work! Anything else I could try?

    Fotis

    (@markwaregr)

    4 years, 10 months ago

    Hi there,
    can you add my suggestion before any other CSS code you might have but like this

    @media(max-width:767px) {
    .slick-arrow {
        display: none!important;
    }
}

    Let me know if this worked for you.

    Thread Starter maleahflaggs

    (@maleahflaggs)

    4 years, 10 months ago

    Awesome! That last one worked perfectly. Thank you so much.

    One more questions, the title, catergories, and “continue reading” button underneath the carousel slider is not center. Is there a way to fix it?

    Fotis

    (@markwaregr)

    4 years, 10 months ago

    Hi @maleahflaggs,
    I looks centered, have you resolved this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Carousel Slider Arrows on Mobile’ is closed to new replies.