Okay
  Public Ticket #2855076
404 page
Closed

Comments

  •  8
    dan-kray started the conversation

    Hello

    The 404 page is not displayed as expected.

    Header: Navigation is not like on all other pages (not transparent / has a shadow at the bottom). However, this is also the case on posts pages as long as no header image is added.

    Body: If a background image is placed, it is scaled extremely large.

    Global section (after content) is displayed differently / incorrectly; vertical instead of horizontal and only the buttons are very weakly visible.

    Removing all CSS adjustments does not change anything.

    Thanks for your support.


    By the way; I would prefer if the 404 page would use the page template without header and footer.


  •  8,844
    Tahir replied

    Hey Again,

    Have you tried altering the "404.php" file via a Child Theme ?. 

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks 


    ThemeNectar Support Team 

  •   dan-kray replied privately
  •  8,844
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .error404 .nectar-global-section.before-footer, .error404 #footer-outer , .error404 #header-outer,.error404 #header-space {
        display: none !important;
    }
    .error404 .container-wrap {
        max-height: 100vh;
        padding: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  8
    dan-kray replied

    Thanks Tahir

    Side-note: I have modified the CSS to center the content also vertical.

    .error404 .container-wrap {
        max-height: 100vh;
        padding: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }