StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Z-Index setting in Layouts and Advanced Blocks covering Sticky Header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Genesis Blocks › Z-Index setting in Layouts and Advanced Blocks covering Sticky Header

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  theronburrough 11 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 23, 2021 at 11:06 am #503182

    theronburrough
    Participant

    It's the Z-Index setting in one or more of these classes: .gb-block-layout-column-inner, .gb-layout-column-wrap>.gb-block-layout-column-inner, .gb-has-background-dim>*

    Not sure the best way to stop content from scrolling over my header, but there's the cause.

    February 24, 2021 at 7:09 am #503194

    Victor Font
    Moderator

    Please post a link to the site so we can examine the issue with our browser tools.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 24, 2021 at 2:29 pm #503203

    theronburrough
    Participant

    Thanks for the help!
    Scroll down to the 3 Advanced Columns

    February 24, 2021 at 3:03 pm #503204

    Victor Font
    Moderator

    I visited you site and visited a few pages. Nothing is scrolling over the header. Everything I saw is scrolling under the header as designed. I'm using Firefox. Also checked Safari and Chrome. No issues.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 24, 2021 at 4:07 pm #503206

    theronburrough
    Participant

    It happens with Genesis Pro Layouts, Advanced Columns and Cover Blocks. I only have such blocks in one place, on the unfinished Homepage.

    Here's the image from my original post in another thread. (My links didn't appear as i expected, so entered them twice.)

    Advanced Columns obscures sticky header Chrome

    View post on imgur.com

    Here's a fresh one using FireFox:

    Advanced Columns obscures sticky header (scroll down to see)

    View post on imgur.com

    There are Little Green Men, I swear I saw them! The partly completed Advanced Columns Block seen lower on the Homepage is the only place it's happening now.

    http://theronburrough.wpengine.com/

    I used the Code Inspector and changed the Z-Index of one of the containers, and that did fix the problem. But I can't find any Block settings pertaining to the z-index. Maybe it's to do with parallax view, but I can't find a corresponding setting for either.

    WP Engine support couldn't find anything in past tickets. So I am probably missing something that thousands of other people had no trouble with.

    February 24, 2021 at 6:44 pm #503209

    theronburrough
    Participant

    WP Engine created a support ticket. I've fixed it for now with this CSS:

    .gb-layout-column-wrap {
    z-index: 0;
    }

    I wonder if there's is or should be a setting for turning Parallax on and off. Thanks for any further help!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.