Center HTML Embed in Mobile View

Beaver Builder
1

I am trying to correct the Header Button and Form on this page corrected on mobile view. I would like to use CSS.

Can anyone help me with the code?

2

Hi Krissie!

You have a lot of uses of !important in your css, so it becomes a process of overriding the overrides. :slight_smile:

But this should get you close. You’ll need to work on the vertical spacing in your header.

Put this at the bottom of your custom styles:

@media (max-width: 992px) {
    .fl-builder-content .fl-node-ezcraoujt1gq {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .fl-builder-content .fl-node-1k8maznsev5w {
        width: 100% !important;
    }
}
3

Thank you so much! I appreciate the help.

4

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.