Hide slide arrow on phone
Permalink
Hello, is it possible to hide the slide arrows on phones? It gets in the way of text.
Slide arrows on what block and theme?
Hi, it's the Long Story Short theme I'm using and actually for the whole page (all slides).
CSS:
HTML:
Case B:
If the arrows hide your text another option is to make the arrows smaller on mobile (or add left/right padding to the T area)
@media screen and (max-width: 480px) { .screen-only{ display: none;} }
HTML:
<h1 class="screen-only"> Hide me on mobile </h1>
Case B:
If the arrows hide your text another option is to make the arrows smaller on mobile (or add left/right padding to the T area)
You would just need to add this to your custom css (feel free to change the pixels based on your needs
@media screen and (max-width: 768px) { .bottom-arrow{ display: none; } }
This worked for me, thank you! :)
