The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Page Title Hiding Behind Navigation In Genesis Framework

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #240210

    Hello Everyone,

    I been working on one of my client sites on Genesis Framework.
    I have created parallax section for featured image at top of the page & post.

    I am facing problem with the Page title display as it gets hidden behind the navigation on desktop view. when viewed in the mobile device or resize the window the page title goes at the bottom of image.

    Thanks everyone for reading the query and helping with the issue.

    Link to the page

    css of same:

    /* Featured Image Background Parallax section on Posts and Pages
    —————————————————————– */

    .single .site-inner,
    .page .site-inner {
    margin-top: 96px; /* 170 (default value) – 94 (height of fixed header) */

    .singular-parallax-section {
    margin-top: 74px;
    padding: 100px 0;
    background-attachment: fixed;
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: center;

    .singular-parallax-section h4.widget-title {
    color: #fff;
    font-size: 72px;
    margin-bottom: 40px;

    .entry-header::after {
    border-bottom: none;
    content: none;
    display: none;
    margin: 0;
    padding-bottom: 0;

    .singular-parallax-section .wrap::after {
    border-bottom: 1px solid #000;
    content: “”;
    display: block;
    margin: 0 auto 60px;
    padding-bottom: 30px;
    width: 25%;

    .singular-parallax-section .entry-title {
    color: #fff;

    .singular-parallax-section .entry-meta a:hover {
    color: #ddd;



    Didn’t the previous solution work out then? Looks correct when changing the style in developer tools. Maybe you could elaborate otherwise on the exact issue. It might have been better to continue with the other topic by the way since the question’s identical.


    Hi dear,

    The solution did not work. Apologies for new thread my mistake.

    i did manage to get it fixed last night by adding margin of 280 px to the title and -240 px margin to breadcrumb.

    the live page now

    Thanks for the support really appreciate and apologies once again.


Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.