[Support request] Elementor Theme Style overwrites Generatepress Theme Settings

[stheobald]

Hi all,

Since my last project I use Elementor Theme Style.
I create and style the Navigation/Header always with GP. Content and Footer is created with elementor.

I set the buttons styles in Elementor for all buttons on the site. Problem is: The mobile Menu button (hamburger) now looks like all the other buttons and not how I want it (GP default settings).

Looks like the Elementor Styles overrides the GP Styles

Is there a solution for this? I dont want to add custom css code for every new project. Next point is: I found this style override, but probably there are some others.

[Leo]

Hi there,

Doesn’t look like there is a solution for this unless Elementor lets you choose which element from GP not to override.

[stheobald]

Hi Leo,

thanks for your quick response. Do you have a idea for a easy solution for this?

[David]

Try adding this CSS:

button.menu-toggle,
button.slideout-exit {
    background-color: transparent !important;
    border-radius: 0 !important;
}

[stheobald]

Thanks David!

I added 3 lines to your CSS. Now it works perfectly:

button.menu-toggle,
button.slideout-exit {
   background-color: transparent !important;
   border-radius: 0 !important;
   color: #3f6a2b !important;
   font-weight: 500 !important;
   letter-spacing: initial !important;
}

[David]

Glad to be of help

[Author]

Posts