Okay
  Public Ticket #1231868
Mobile Layout - Video Lightbox Play Button and Title
Closed

Comments

  • Brandon started the conversation
    July 6, 2017 at 8:39pm

    I have laid out the videos with the video Lightbox option in VC. It lays out as my client desires when on desktop. But, when the site is smaller for tablet/phone, the layout begins to break (as the titles wrap). Then on Mobile, the play buttons bump above the titles.  Is there a way to keep the play button on the left of the titles? 

  •  9,012
    Tahir replied
    July 7, 2017 at 1:49pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar_video_lightbox.play_button_with_text span.play {
    float: left;
    clear: both !important;
    margin-right: 10px !important;
    top: 5px;
}
.nectar_video_lightbox.play_button_with_text .link-text {
    display: inline;
    margin-left: auto !important;
}
a.play_button_with_text.large.nectar_video_lightbox.magnific-popup {
    display: inline-block;
    margin-bottom: 10px !important;
}

    Thanks

    ThemeNectar Support Team