如何制作以移动为中心的自定义 WordPress 页脚

Question

我想知道我是否可以放置任何 @media CSS 代码来完成这项工作，或者我是否可以提供有关如何解决此问题的任何建议。

Answer 1

My guess is that the padding-left:200px in .nonprofit is causing the problem.我的猜测是.nonprofit中的padding-left:200px导致了这个问题。 Try to remove it.尝试将其删除。

Answer 2

Use padding-left: 10px;使用 padding-left: 10px;

It's not a good practice to remove all the time!一直删除不是一个好习惯！ you can set a lower value like 0px or 10px that's the same result.您可以设置一个较低的值，例如 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>

如何制作以移动为中心的自定义 WordPress 页脚

问题描述

2 个解决方案

解决方案1
1 已采纳 2019-12-09 03:38:35

解决方案2
0 2019-12-09 12:41:03

如何制作以移动为中心的自定义 WordPress 页脚

问题描述

2 个解决方案

解决方案1 1 已采纳 2019-12-09 03:38:35

解决方案2 0 2019-12-09 12:41:03

解决方案1
1 已采纳 2019-12-09 03:38:35

解决方案2
0 2019-12-09 12:41:03