tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjusts website title alignment on large screens. Closes #14.

This commit is contained in:
mateuswetah 2019-03-25 15:31:32 -03:00
parent c8c7579edc
commit b98348ba14
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/scss/style.scss
View File

@ -537,7 +537,7 @@ nav{
&.page-height{
height: 400px;
> div {
&.ph-title-description{
&.ph-title-description {
@media only screen and (min-width: 577px){
margin-bottom: 3.75rem;
}
@ -559,6 +559,12 @@ nav{
@media only screen and (min-width: 768px){
margin-bottom: 0;
}
.title-header {
@media only screen and (min-width: 1526px) {
padding-left: calc((100% - 1400px)/2) !important;
padding-left: calc((100vw - 1400px)/2) !important;
}
}
}
@media only screen and (max-width: 576px){
align-self: center;

2
src/template-parts/bannerheader.php
View File

@ -1,5 +1,5 @@
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else : ?>class="page-header header-filter clear-filter align-items-center" style="background-image: url('<?php echo esc_url( get_template_directory_uri() ) ?>/assets/images/capa.png')"<?php endif; ?>>
<div class="container-fluid max-large p-0 ph-title-description">
<div class="container-fluid p-0 ph-title-description">
<div class="bg-white-title title-header <?php if ( is_singular() || is_archive() || is_search() || is_home() ) { echo 'singular-title'; }?>">
<h1 class="mb-0 text-truncate">
<?php