Support » Theme: Astra » menu-padding problem with elementor pro

  • Resolved FGU Nord / Lars


    I use Astra Free with Elementor pro

    After I did a update from Elementor 2.3.8 to 2.4.4 AND Elementor Pro from 2.3.1 to 2.4.2 I got a problem with white space (padding) around my menu – the menu is build with Elementor Pro – this spacing (padding) wasn’t a problem before.

    (I’m using the free Astra theme – Version: 1.6.5)

Viewing 5 replies - 1 through 5 (of 5 total)
  • I did get a CSS fix fro The Elementor support:

    The white space caused by your Astra theme can be solved now using CSS.

    You can apply the following CSS to Appearance > Customize > Additional CSS in order to correct it:

    .elementor.elementor-location-header, .elementor.elementor-location-footer {     
        padding: 0px !important;  

    This CSS fix worked 🙂 … problem solved

    Hi @medieskolen ,

    Glad that you figured it out. 🙂 But I guess you can also set the padding property to zero from the Elementor section/row setting itself.

    Theme Author Brainstorm Force


    Hello @medieskolen,

    This padding is coming since the latest version of Elementor Pro as it adds post classes to the header. We have also reached Elementor support related to this to check how we can help fix this.

    Thanks @brainstormforce

    Please tell if the CSS-fix is not the best way to solve this 🙂

    This custom CSS will work as a good temporary solution. When this gets fixed with an update from Elementor Pro/Astra Theme you can remove this CSS.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘menu-padding problem with elementor pro’ is closed to new replies.