Home Forums ArileWP Pro Can I turn the slider navigation arrows off on the mobile…

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10420
    Kathy Bellingham
    Participant

    They are obscuring my text so that it cannot be read.

    I cannot seem to position the text on the slider so that it is legible on a mobile device.

    thanks
    Kathy

    #10428
    themearile
    Keymaster

    Hi Kathy

    Thanks for contacting us.

    Please share your site URL so we can take a look and give you a good answer.

    Thanks

    #10435
    Kathy Bellingham
    Participant
    #10437
    themearile
    Keymaster

    Hi Kathy

    Please add the below CSS code in the Additional CSS box.

    h1, .theme-slider-content .title-large {
    line-height: 1.5 !important;
    }

    Let us know if it works.

    Thanks

    #10439
    Kathy Bellingham
    Participant

    Hi,

    I pasted that code in – it spaced the heading out 1.5 lines but the heading text is still under the slider navigation arrows. The content automatically centres halfway down the slide where the arrows are on a mobile phone. Its fine when you turn your phone landscape, but in portrait mode is unreadable.

    Ideally I’d like to hide the nav buttons- and just have it on autoplay on the mobile. or have slider navigation dots at the bottom.

    thanks
    Kathy

    #10480
    themearile
    Keymaster

    Hi

    Please add the below CSS code.

    @media (max-width: 500px){
    .theme-main-slider .owl-carousel .owl-prev, .theme-main-slider .owl-carousel .owl-next{
    display:none;
    }
    }
    h1, .theme-slider-content .title-large {
    line-height: 1.5 !important;
    }

    Thanks

    • This reply was modified 1 year, 8 months ago by themearile.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.