adapted footer to small screens

This commit is contained in:
jorge 2022-07-26 13:31:55 +02:00
parent 9e1c62e16a
commit da9a356566
2 changed files with 47 additions and 27 deletions

View File

@ -17,37 +17,36 @@
<div id="footer" role="contentinfo"> <div id="footer" role="contentinfo">
<main class="wrapfooter"> <main class="wrapfooter">
<p class="col logo"> <div class="col logo">
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo get_template_directory_uri(). '/images/logogris.png'; ?>" width="105" height="40" alt="Hangar org" /></a> <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo get_template_directory_uri(). '/images/logogris.png'; ?>" width="105" height="40" alt="Hangar org" /></a>
</p> </div>
<p class="col org"> <div class="col org">
Fundació AAVC Hangar<br /> <p>Fundació AAVC Hangar</p>
Emilia Coranty 16<br /> <p>Emilia Coranty 16</p>
08018 Barcelona Espanya<br /> <p>08018 Barcelona Espanya</p>
CIF: G-63157655<br /> <p>CIF: G-63157655</p>
</p> </div>
<p class="col tels"> <div class="col tels">
Tel.+34 93 308 4041<br /> <p>Tel.+34 93 308 4041</p>
Fax +34 93 307 1211<br /> <p>Fax +34 93 307 1211</p>
info(at)hangar.org<br /> <p>info(at)hangar.org</p>
</p> </div>
<p class="col inf"> <div class="col inf">
<?php _e( ' <?php _e( '
[:en]Office: Monday to Thursday from 10&nbsp;am to 2&nbsp;pm and from 4&nbsp;pm to 6&nbsp;pm. Friday from 10&nbsp;am to 2&nbsp;pm.[:] [:en]Office: Monday to Thursday from 10&nbsp;am to 2&nbsp;pm and from 4&nbsp;pm to 6&nbsp;pm. Friday from 10&nbsp;am to 2&nbsp;pm.[:]
[:es]Oficina: de lunes a jueves de 10 a 14&nbsp;h y de 16 a 18&nbsp;h. Viernes de 10 a 14&nbsp;h.[:] [:es]Oficina: de lunes a jueves de 10 a 14&nbsp;h y de 16 a 18&nbsp;h. Viernes de 10 a 14&nbsp;h.[:]
[:ca]Oficina: dilluns a dijous de 10 a 14&nbsp;h i de 16 a 18&nbsp;h. Divendres de 10 a 14&nbsp;h.[:] [:ca]Oficina: dilluns a dijous de 10 a 14&nbsp;h i de 16 a 18&nbsp;h. Divendres de 10 a 14&nbsp;h.[:]
' ); ?> ' ); ?>
</p> </div>
<!-- <p class="col legal"> <!-- <p class="col legal">
</p> --> </p> -->
<p class="alignright credits"> <div class="alignright credits">
<a href="https://wordpress.org/">Powered by Wordpress</a><br /> <p><a href="https://wordpress.org/">Powered by Wordpress</a></p>
<?php _e( 'Original Design:', 'hangar' ); ?><a href="https://folchstudio.com/">Folch Studio</a><br /> <p><?php _e( 'Original Design:', 'hangar' ); ?><a href="https://folchstudio.com/">Folch Studio</a></p>
<?php _e( 'Original Development:', 'hangar' ); ?> <a href="https://www.enfusion.es/">Enfusión</a> <p><?php _e( 'Original Development:', 'hangar' ); ?> <a href="https://www.enfusion.es/">Enfusión</a></p>
<?php _e( 'Development and design:', 'hangar' ); ?> <a href="https://git.hangar.org/">Hangar</a> <p><?php _e( 'Development and design:', 'hangar' ); ?> <a href="https://git.hangar.org/">Hangar</a></p>
<br /> <p><a href="<?php echo get_permalink(275); ?>"><?php _e( 'Legal advice', 'hangar' ); ?></a></p>
<a href="<?php echo get_permalink(275); ?>"><?php _e( 'Legal advice', 'hangar' ); ?></a><br /> </div>
</p>
</div><!-- .fwrapfooter --> </div><!-- .fwrapfooter -->
</div><!-- #footer --> </div><!-- #footer -->

View File

@ -1163,11 +1163,32 @@ form#commentform p.form-submit input#submit {
} }
.center {text-align:center;} .center {text-align:center;}
/* .col {float: left; } */ /* .col {float: left; } */
.logo { width:140px; margin:0;} .wrapfooter .logo, .wrapfooter .org, .wrapfooter .wrapfooter .tels, .wrapfooter .inf,.wrapfooter .legal,.wrapfooter .credits {
.org,.tels,.inf,.legal,.credits { width: 100%;
width: calc((100% - 140px)/5) padding:1rem 0;
} }
.credits a{color: #A3A7A5!important;} .wrapfooter .credits a{color: #A3A7A5!important;}
@media screen and (max-width:768px) {
.wrapfooter{
width: 100vw;
flex-direction: column;
}
}
@media screen and (min-width:768px) {
.wrapfooter{
flex-direction: row;
}
.wrapfooter .logo {
width:140px;
margin:0;
padding:0;
}
.wrapfooter .org, .wrapfooter .wrapfooter .tels, .wrapfooter .inf,.wrapfooter .legal,.wrapfooter .credits {
width: calc((100% - 140px)/5);
padding:0;
}
}
/* .center {text-align:center;} /* .center {text-align:center;}
.col {float: left; } .col {float: left; }