[Resolved] Mobile space issue with video

[Rudy Vaughn]

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.

[Leo]

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.

[Rudy Vaughn]

Leo – that’s perfect. Thanks for the help!

[Leo]

You’re welcome 🙂

[Author]

Posts