404 page blank?

katiesummit1
Tourist
16 0 1

Hi!

In the customize theme section I can see there's content on the 404 page (screenshot below). When we've been directed to 404 page on the live site, the page is blank. It says '404 Not Found' up in the tab heading but nothing at all on the page. Would really appreciate any assistance on why this is? Thanks!

 

katiesummit1_0-1615173017289.png

 

0 Likes
suyash1
Shopify Partner
2557 273 428

@katiesummit1 - can you please share 404 page link? I will check it on browser now

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
katiesummit1
Tourist
16 0 1

Thanks for reply! Here is a link that should display a 404 message. https://summitsport.com.au/collections/sporf

0 Likes
suyash1
Shopify Partner
2557 273 428

@katiesummit1 - you want 404 page to look like this? if yes, then we need to add given css to the end of your css file, if you have any issues then please add me to staff  I will check and do it

#404-not-found{display: initial;}

suyash1_0-1615175331571.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
katiesummit1
Tourist
16 0 1

@suyash1yes thank you! That is how it's supposed to look... is there some CSS missing? If possible could you paste the css here and I can attempt to put it in the right spot? We have used up all our staff accounts... Thanks again for your assistance

0 Likes
suyash1
Shopify Partner
2557 273 428

@katiesummit1 - here is css 

#404-not-found{display: initial;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
katiesummit1
Tourist
16 0 1

Thank you, does that go in 404.liquid? I tried putting it in there (not sure if it goes in a particular spot) but it's still not working.

I'm also not sure where the last line comes from and if it should be deleted?: <script id="esc-redirects-404-script" src="https://redirects.eastsideco.io/js/app.js"></script>

 

#404-not-found{display: initial;}  
{% include 'breadcrumbs' %}
<div class="page-404">
    <div class="container">
        <div class="d-flex flex-column align-items-center py-40 py-md-100 my-100">     
<iframe src="https://giphy.com/embed/P2zoiEgtWjfSgJAgoY" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/lifetimetv-mafs-married-at-first-sight-lifetime-P2zoiEgtWjfSgJAgoY">via GIPHY</a></p>
            <h1 class="d-flex flex-column align-items-center mb-25">
                {{ 'general.404.title_large' | t }}
                <span class="h3 mt-20 mb-0">{{ 'general.404.title' | t }}</span>
            </h1>
            <p class="mb-30 text-center">{{ 'general.404.subtext_html' | t }}</p>
            <a href="/collections/all" class="btn">{{ 'general.404.button' | t }}</a>
        </div>
    </div>
</div>

<script id="esc-redirects-404-script" src="https://redirects.eastsideco.io/js/app.js"></script>

 

0 Likes
suyash1
Shopify Partner
2557 273 428

@katiesummit1 - DO not delete last line, and you need to add that css line in css file, check if you have any theme.scss / theme.css file or style.css/scss?

#404-not-found{display: initial !important;}

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
katiesummit1
Tourist
16 0 1

I found theme.scss.liquid and pasted it in there, but still not working!

0 Likes
suyash1
Shopify Partner
2557 273 428

@katiesummit1 - css file not whsoing css added, please check if you have added it corectly

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes