Possible styling conflicts with Astra / Elementor page

  • Resolved SSmeredith

    (@ssmeredith)


    3 years, 10 months ago

    Hello!

    Having a little issue. When adding the popup button at the bottom, it creates a whitespace up top. It is only there when adding the shortcode for the popup, also tried with no button and still an issue. Also note, it doesn’t happen when adding as an embedded form.

    Location of extra whitespace. If you mouseover the menu you can see it.
    https://www.awesomescreenshot.com/image/27787651?key=85ccd9c911c83b819171bef0e9d9dbbc

    And popup button is down at the bottom under > Make a Financial Donation

    thank you!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jonas

    (@flinnn)

    3 years, 10 months ago

    Hi,
    it seems like the white bar is a second menu inserted by Astra. The only cause I can think of for this is that the page is treated internally as a WooCommerce checkout. Just try hiding it with the following CSS:
    .main-header-bar-wrap {display:none;}
    Best, Jonas

    Thread Starter SSmeredith

    (@ssmeredith)

    3 years, 10 months ago

    Hi Jonas!

    With that comment, I realized that the issue was and I’m posting it below to help anyone else.

    There is a setting in Astra called “distraction free checkout” and it’s being triggered by this Donation plugin. Once I disabled that, all is well.

    Thanks you 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Possible styling conflicts with Astra / Elementor page’ is closed to new replies.