Archived topic

Mobile space issue with video

3 replies · Started by Rudy Vaughn on March 14, 2017

Viewing posts 1–4 of 4

March 14, 2017 at 8:40 am #291228

Hi GP team,

I'm having an issue with spacing on mobile device when placing the video after a headline. The client would like to narrow the margin between the title and the video. I'm using Beaver Builder with GP and I think it has to do with this selector:

.fl-module .fl-module-video

However, the margin css I'm trying keeps affecting the button spacing below the video, which is exactly where the client wants it. Can you assist in narrowing it down for me? Site is located at:

http://engagemedia.tech/killinglions/

Thanks in advance.

March 14, 2017 at 9:00 am #291243

Hi there,

Margin between the title and the video on mobile:

@media (max-width: 768px) {
    .fl-rich-text h3 {
        margin-bottom: 5px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

March 14, 2017 at 10:00 am #291272

Leo - that's perfect. Thanks for the help!

March 14, 2017 at 10:30 am #291287

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.