Elementor container overlaps with Astra header on

  • Unknown's avatar
    alebicmiroslav · Member ·

    Hello everyone!

    I’m building a website for my wife’s business (currently building it using Local WP and will be uploading it to Hostinger when it’s finished) but I’m having problem with Elementor container overlapping with Astra theme header.

    Current workaround for desktop version of the site is that I disabled transparent header for desktop and that fixed the problem on the desktop version of the site, however I can’t find an option to disable it for mobile version.

    Here’s a link to an image from Elementor editing menu so you can see what it looks like https://ibb.co/QJK5q94

    Is there any way to prevent this overlapping? I’m using free versions of Astra and Elementor

    Thanks!

  • Unknown's avatar
    davidmarsh2500 · Member ·

    To resolve the overlapping issue on mobile, try setting specific margin or padding values in Elementor’s responsive settings. For mobile view, select the container in Elementor, go to the “Advanced” tab, and adjust the top margin until it no longer overlaps with the Astra header. If the problem persists, you might also try custom CSS to disable the transparent header on mobile.

  • Unknown's avatar
    justjennifer · Member ·

    You should also be able to contact Elementor support for assistance.https://elementor.com/help/

    I do want to point out that you’ve posted to the support forums for sites hosted by WordPress.com, the hosting provider.

    If you need general help with the WordPress™ software, you’ll find that over in the dotORG forums at https://wordpress.org/support/forums/

    You can learn more about the differences at https://wordpress.org/documentation/article/difference-between-wordpress-org-and-wordpress-com/

  • The topic ‘Elementor container overlaps with Astra header on’ is closed to new replies.