• Resolved LogoLogics

    (@logologics)


    Hi,

    Just posting this to maybe help others with same issue.

    When the “transparent header” is checked, one can no longer grab the edit button in the upper section of Elementor. Only temporarily switching to another header setting like simple or medium, lets one actually grab the edit button again and be able to edit the upper section in a page.

    Thanks to the Elementor communities help ( David Beckwith ) there is a workaround:

    Place this css code into the custom css/js tab of oceanWP ( customizer ):

    .elementor-editor-active .transparent-header {
    display: none;
    }

    Once this is added, one can crab the edit button and edit a page, without the hassle of always deactivating the transparent header feature.

    @nic,

    It would be great if you could somehow integrate this into your code, so this works out of the box?
    I * reported this bug on https://github.com/pojome/elementor/issues/2223 because it also happens in for example GeneratePress and it “merge header with content” feature.

    Thanks!
    Annie

    • This topic was modified 6 years, 8 months ago by LogoLogics.
Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, this is weird because I put a lower z-index to avoid this issue, but maybe it is more simpler to just hide the header 🙂
    I will work on it for the next release, thank you for the code 🙂

    Thread Starter LogoLogics

    (@logologics)

    Hi Nic,

    Strange indeed.
    Except from this, all works great so far, still very happy to work with OceanWP theme!

    Thanks for considering to fix this in a next release, not sure this is even a theme issue, but an Elementor issue. I encountered same issue in GeneratePress too so….:-)

    Annie

    Theme Author oceanwp

    (@oceanwp)

    Hi, it is a theme issue, because the transparent header style is in position absolute, that’s why there is this issue.

    Thread Starter LogoLogics

    (@logologics)

    Ah, thanks for pointing that out, and fixing it!

    Annie

    Thread Starter LogoLogics

    (@logologics)

    Hi Nic,

    I see on Github you fixed this top section issue in 1.3.5:

    2017.08.24 – 1.3.5

    Added – 10 menu links effects, go to Header > Menu.
    Added – Brazil Portuguese translation, thanks a lot to Camilla Ribeiro.
    Tweak – Some CSS codes.
    Fixed – “add_to_cart_fragments” replaced by “woocommerce_add_to_cart_fragments”.
    Fixed – Text “Type then hit enter to search…” not translatable.
    Fixed – Conflicts between the Transparent header style and the Elementor top section, now the header is hided in the Elementor edit mode.

    but when I removed the fix ( code ) the issue was still there?
    I have 1.3.6 now.

    Thanks,
    Annie

    Theme Author oceanwp

    (@oceanwp)

    Hello @logologics, have you disable any scripts or styles via Theme Panel > Scripts & Styles?
    If yes, go to this page and just click on the Save Changes button and clear your cache.

    Thread Starter LogoLogics

    (@logologics)

    Hello Nic,

    Unfortunately that does not work.
    I even tried unchecking transparent header – save – check it again – save and clear cache, but without the code I am still unable to grab the upper edit section?

    Theme Author oceanwp

    (@oceanwp)

    Since OceanWP 1.3.5, there is no header in the edit mode anymore if your use the transparent header style.
    Can you try in private browsing or another browser to be sure that it is not a cache issue?

    Thread Starter LogoLogics

    (@logologics)

    Tried it now in three different browsers:

    Chrome
    Firefox
    Edge
    and in privat mode to no availe…

    Theme Author oceanwp

    (@oceanwp)

    I just find the issue thanks to you 🙂
    One SCSS file was not included when you generate the CSS file from the Scripts & Styles panel. I update Ocean Extra right now, then when you will update the plugin on your site, go to Theme Panel > Scripts & Styles, click Save Changes and this issue will be solved 🙂

    Thread Starter LogoLogics

    (@logologics)

    Ahhh….Bingo! 🙂

    Works like a charme now, cool!

    Thanks,
    Annie

    Theme Author oceanwp

    (@oceanwp)

    You are most welcome 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Transparent header active, can not grab the edit from upper Elementor section’ is closed to new replies.