Fix 404 page

This commit is contained in:
Fabiano Alencar 2018-08-20 14:21:27 -03:00
parent fe03882d5c
commit 9b188e8855
2 changed files with 7 additions and 13 deletions

View File

@ -1,7 +1,7 @@
<?php get_header();?>
<div class="page-header page-404 header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/404.png')">
<div class="container">
<div class="container align-self-center">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="brand mb-5">
@ -11,7 +11,7 @@
</div>
</div>
<div class="col-md-12 mx-auto text-center">
<button class="btn btn-primary bg-jungle-green w-25 p-0"><?php _e('Go to first page', 'tainacan-theme');?></button>
<button class="btn btn-primary bg-jungle-green py-0"><?php _e('Go to first page', 'tainacan-theme');?></button>
</div>
</div>
</div>

View File

@ -18,6 +18,9 @@ body{
color: #298596;
}
}
&.error404 {
overflow: hidden;
}
}
@import "_media_query";
@ -285,21 +288,12 @@ nav{
height: 100vh;
}
&.page-404{
overflow: hidden;
@media screen {
@media (max-width: 576px){
background-image: url('assets/images/404-mobile.png') !important;
height: 89.8vh;
}
@media (min-width: 992px){
height: 91.5vh;
}
}
height: 100vh;
.brand{
color: white;
text-align: center;
h1{
font-size: 12.2rem;
font-size: 150px;
font-weight: 600;
}
h3{