Can’t reach the editor buttons

  • Resolved wpforchurch

    (@wpforchurch)


    7 years, 4 months ago

    Hey guys,

    First of all, brilliant plugin, thank you!!

    We have an issue where if we use a section background that goes behind the menu which is output by the theme, our users then can’t get to the editor buttons.

    See this – https://cl.ly/1O2h332n1z0O

    We had the idea to apply an ID to that section, something like #overlay-header and then target the editor however this doesn’t seem to work even though the editor code seems to be nested inside this new section ID. 

    #overlay-header .elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-section-settings {
    top: auto;
    bottom: 0;
}

    That doesn’t work, but if we remove the ID it does, but it does so on every section, which we don’t want.

    My question is, why can’t we target the editor inside that ID, and how can we achieve what we need for just the active editor on that section?

    Thanks,
    Igor

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

  • Hi Igor,

    Place the following CSS where you usually enter your custom CSS (I use the Simple CSS plugin but Appearance > Customize > Additional CSS would work as well). It places the Section edit controls at the bottom of the section box.

    /* Elementor 1.5 and up -  places section inside the box at the bottom */
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-section-settings {
    top: 100%;
}

    Cheers!
    Lyle

    The .elementor-editor-active class is applied to the body, so I would typically do something like:

    body.elementor-editor-active #overlay-header {
    { my css that adds margin or z-index to access the Elementor section tools,
    only when in the editor }
}

    What Lyle says =)

    • This reply was modified 7 years, 4 months ago by pingram.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t reach the editor buttons’ is closed to new replies.