Before you ask please READ THIS

Removing navigation arrows for slider

edited October 2014 in Blame Posts: 62
Hi Air,

I would like to remove the navigation arrows for SLIDER (in WORK) for mobile devices as long as I have an autoplay function and/or everybody may slide it by its finger.
Thank you!

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    You can try such custom CSS for touch devices:
    .touch .slider-arrow{
    display: none;
    }
    It should work but please test it.

    With regards.
  • it's still there :((
    Please, check http://vanillababyphotography.com/work/newborn
    And is it for any device or just for mobile?
  • AirAir
    Posts: 10,970
    Fix you custom CSS, cause you have HTML there now :-/
    
    <div style="margin:auto">[doptg id=1]</div>
    
    .touch .slider-arrow{
        display: none;
    }
    This style is for touch devices like I said earlier. Tablets, mobiles, etc. - devices with touch screen.

    With regards.
  • By saying FIX you meant to remove it? I erased html, but it didn't help. Navigation arrows are still there ...
  • AirAir
    Posts: 10,970
    OK I see what is the issue. Use this CSS instead:
    .touch .slider-arrow{
    display: none !important;
    }
    With regards.
  • Finally it worked :)
    Thank you so much!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!