![](/img/trans.png)
[英]How to make a footer on WordPress align centered on mobile but on one line on desktop and tablet view
[英]How to make custom WordPress footer centered on mobile
我想知道我是否可以放置任何 @media CSS 代碼來完成這項工作,或者我是否可以提供有關如何解決此問題的任何建議。
我的猜測是.nonprofit
中的padding-left:200px
導致了這個問題。 嘗試將其刪除。
使用 padding-left: 10px;
一直刪除不是一個好習慣! 您可以設置一個較低的值,例如 0px 或 10px,這也是相同的結果。
<div <?php echo mesmerize_footer_container( 'footer-simple' ) ?>>
<div <?php echo mesmerize_footer_background( 'footer-content center-xs' ) ?>>
<div class="gridContainer">
<div class="row middle-xs footer-content-row">
<div class="footer-content-col col-xs-12">
<?php
echo '
<html>
<style>
.nonprofit {
font-weight: bold;
font-size: 15px;
color: white;
padding-left: 10px;
display: block;
align: right;
}
</style>
<p class="nonprofit"> © 2019 Veterans for Diversity, Inc.</br>Veterans for Diversity, Inc.® is a tax-exempt 501(C)(3) nonprofit organization.</p>
<style>
.nonprofit {
float: left;
}
</style>
<div class="nonprofit">
<a href="https://uwm.edu/informationstudies/nonprofit/" target="_blank"><img src="https://veterans4diversity.org/wp-content/uploads/2019/11/nonprof-IT_icon.jpg" alt="UWM-NonProfIT" width="200" height="55" class="alignnone size-medium wp-image-234" srcset="https://veterans4diversity.org/wp-content/uploads/2019/11/nonprof-IT_icon.jpg, https://veterans4diversity.org/wp-content/uploads/2019/11/nonprof-IT_icon.jpg" sizes="(max-width: 300px) 100vw, 300px"></a>
</div>
</html>
';
?>
</div>
</div>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.