onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix text overlap sidenav mobile view

Browse source
This commit is contained in:
Jonas Heinrich 2020-07-15 14:53:28 +02:00
parent 6ef8819f52
commit ceb00d9599
3 changed files with 34 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

80
kit/footer.php
View file

@ -1,81 +1,13 @@
<footer> <footer>
<section class="meta-footer" id="c105"> <section class="meta-footer" id="c105">
<div class="content-wrap">
<p class="meta-footer-logo-text"> <?php
saai | Archiv für Architektur und Ingenieurbau if ( is_active_sidebar( 'custom-footer-widget' ) ) {
</p> dynamic_sidebar( 'custom-footer-widget' );
};
?>
<div class="container container-2-cols-2-thirds-1-third">
<div class="column">
<div class="meta-footer-contact-entities">
<div class="meta-footer-contact-entity">
<div class="meta-footer-contact-entity-head">
<span class="meta-footer-contact-entity-head-icon"></span>
<h3>Sekretariat</h3>
</div>
<div class="meta-footer-contact-entity-body" style="">
<p>
Astrid Piaskowy, Claudia Iordache<br>
Kaiserstraße 8<br>
D-76131 Karlsruhe
</p>
<p>
<span class="phone">
<a href="tel://+4972160844376">
+49 721 608-44376
</a>
</span>
<br>
<span class="email">
<a href="mailto://mail@saai.kit.edu">
mail@saai.kit.edu
</a>
</span>
</p>
</div>
</div>
<div class="meta-footer-contact-entity">
<div class="meta-footer-contact-entity-head">
<span class="meta-footer-contact-entity-head-icon"></span>
<h3> Leitung</h3>
</div>
<div class="meta-footer-contact-entity-body" style="">
<p>
Prof. Dr. Georg Vrachliotis<br>
</p>
</div>
</div>
<div class="meta-footer-contact-entity">
<div class="meta-footer-contact-entity-head">
<span class="meta-footer-contact-entity-head-icon"></span>
<h3>Öffnungszeiten</h3>
</div>
<div class="meta-footer-contact-entity-body" style="">
<p>
Nach Vereinbarung<br>
</p>
</div>
</div>
</div>
</div>
<div class="column">
</div>
</div>
<div class="container">
<div class="meta-footer-slogan">
<p>KIT − Die Forschungsuniversität in der Helmholtz-Gemeinschaft</p>
<a href="https://www.kit.edu/">www.kit.edu</a>
</div>
</div>
</div>
</section> </section>
<?php get_template_part('template-parts/footer-nav'); ?> <?php get_template_part('template-parts/footer-nav'); ?>

16
kit/functions.php
View file

@ -362,3 +362,19 @@ function kit_modify_posts_per_page( $query ) {
} }
} }
add_action( 'pre_get_posts', 'kit_modify_posts_per_page' ); add_action( 'pre_get_posts', 'kit_modify_posts_per_page' );
# Register widget area
function kit_widgets_init() {
register_sidebar( array(
'name' => 'Custom Footer Widget Area',
'id' => 'custom-footer-widget',
'before_widget' => '<div class="content-wrap">',
'after_widget' => '</div>',
'before_title' => '<h2 class="chw-title">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'kit_widgets_init' );

12
kit/style.css
View file

@ -1176,10 +1176,15 @@ body.page-theme-color-quaternary h2::after {
background-color: #a3107c; background-color: #a3107c;
} }
@media (max-width: 1280px) { @media (max-width: 1320px) {
h2 { h2 {
margin-bottom: 3.33333rem; margin-bottom: 3.33333rem;
} }
/* Custom fix: No text overlap sidenav */
main .content-wrap {
padding-right: 5.3rem;
}
} }
@media (max-width: 960px) { @media (max-width: 960px) {
@ -1193,6 +1198,11 @@ body.page-theme-color-quaternary h2::after {
bottom: -0.83333rem; bottom: -0.83333rem;
height: 0.33333rem; height: 0.33333rem;
} }
/* Custom fix: No text overlap sidenav */
main .content-wrap {
padding-right: 1.66667rem;
}
} }
@media (max-width: 680px) { @media (max-width: 680px) {