page content overlaps header

  • mac987

    (@mac987)


    7 years, 4 months ago

    hi

    Can someone tell me how to move the content down the page so that it doesnt overalp the header, i think i made this change a long time ago and cant find out how to move it back down

    many thanks in advance

    mac

    The page I need help with: [log in to see the link]

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

    (@thewebshack)

    7 years, 4 months ago

    Hi Mac,

    Can you please elaborate on this as I cannot see what you are talking about when I go to your link?

    Thanks, Let me know?

    Qaisar Feroz

    (@qaisarferoz)

    7 years, 4 months ago

    Hi Mac,

    Edit your CSS

    
.fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* height: 100%; */
    /* min-height: 700px; */
    opacity: 0;
    transition: all .3s ease-in-out 0s;
}

    and

    .fusion-header-has-flyout-menu .fusion-flyout-menu, .fusion-header-has-flyout-menu .fusion-flyout-search {
    z-index: 99998;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* height: 100%; */
    opacity: 0;
    transition: all .3s ease-in-out 0s;
}

    and finaly

    .fusion-header-has-flyout-menu .fusion-flyout-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: auto;
    padding: 0 25px 25px;
    /* height: 100%; */
}

    I hope this will help you!
    Stay blessed!

    • This reply was modified 7 years, 4 months ago by Qaisar Feroz. Reason: typo
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘page content overlaps header’ is closed to new replies.