Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change where the picture headline is displayed on mobile?


Zeigerful

Question

  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Video 3. On mobile, you place video (left) - text (right) so on mobile it will stack left to right, and it will be video (top) - text (bottom). If you want them stack title (top) - video (bottom)

Add to Design > Custom CSS /* video - title */ @media screen and (max-width:767px) { div#page-section-602bd34764681006f65b3029>.row { display: -webkit-box; display: -ms-flexbox;

3 answers to this question

Recommended Posts

  • 0

Video 3. On mobile, you place video (left) - text (right) so on mobile it will stack left to right, and it will be video (top) - text (bottom).

If you want them stack title (top) - video (bottom), you will need to use custom code. If you want to continue, I will check & give the code.

Link to post
  • 0
On 3/3/2021 at 10:27 PM, Zeigerful said:

Yes that would be perfect. I would like to have them stacked like you said with title on top and video on bottom for all of them.

Thank you

Add to Design > Custom CSS

/* video - title */
@media screen and (max-width:767px) {
div#page-section-602bd34764681006f65b3029>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
div#page-section-602bd35d19a0c259faa758fa>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...