remove previous and next arrows on video player for mobile view only

  • Resolved cashworth93

    (@cashworth93)


    7 years, 6 months ago

    Hi I need to remove the previous video and next video player arrows when viewing on a mobile phone, the arrows are creating a large black empty space which I don’t want to show in mobile view.

    If possible I’d like to keep the arrows on desktop view, it’s only when viewing on mobile that the problem occurs.

    Thanks,
    Chris.

    • This topic was modified 7 years, 6 months ago by cashworth93.
    • This topic was modified 7 years, 6 months ago by Jan Dembowski.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Custom CSS:

    @media (max-width: 1220px) {
    .player-button {
    display: none;
    }
    }

    That removes the arrow buttons at the breakpoint where they drop beneath the video.

    BUT the large black empty space is because of this css:
    .player-content.jw7-plr {
    min-height: 250px !important;
    }

    Thread Starter cashworth93

    (@cashworth93)

    Sorry I’ve only just noticed this, I didn’t get an email saying there was a response.

    Anyway , thank you that worked great.

    Exactly what I needed, thank you so much ??

    Chris.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘remove previous and next arrows on video player for mobile view only’ is closed to new replies.