[Support request] Header Menu on Mobile has Display Issue

[vincenteccl]

Hi! I used elementor to build my homepage.
But I found that the site header on mobile view looks strange.
The hamburger button and the Site Title doesn’t align on the same line.
There is no such issue when viewing other pages of the website, just on the homepage, which is built with elementor.
Do you know if there is any conflict between generatepress and elementor?
And how to fix it?
Thanks.

[Fernando]

Hi Vincenteccl,

Elementor has this specific code causing the issue:

.elementor-kit-43 p {
    margin-bottom: 2em;
}

To fix it, you can add this code through Appearance > Customize > Additional CSS:

nav#mobile-header .inside-navigation .navigation-branding p.main-title {
    margin-bottom: unset;
}

[Author]

Posts