Question

该网站是wordpress中的freetorun.net。在移动设备上查看时，黄金“注册”按钮不会在屏幕中居中。

我原以为在CSS中将font-size更改为14px会修复它：

.large.custom-button span:visited {
font-size: 14px;
padding: 9px 14px 9px;

}

此代码无效。目标HTML是这样的：

<a class="large custom-button align-btn-right" href="http://freetorun.net/wordpress/choose/" title="Register Today!"><span style="background-color:#DAA520; color:#26354A">to start running faster, farther and<br> injury free SIGN UP for a clinic!</span></a>

Answer 1

您在移动设备上的布局在填充和浮动元素方面存在很多问题。更改字体大小无助于定位。

首先，类social_media_top widget_text substitute_widget_class的div应该是全宽，text-align: center;

您还需要删除黄金按钮上的float: right。

Answer 2

为了记录，我没有解决这个问题。上面提供的代码也没有。但是那些写过U-Design主题的人给了我这个并且它好多了。

history.replaceState(data,title,url)

}

/ *移动屏幕（小于480像素）* / @media screen和（max-width：480px）{

#top-elements .social_media_top {
clear: both;
float: right;
margin-left: -150px;
margin-top: -20px;
padding: 0 20px 0 0;

}

需要帮助 - 在以响应式布局查看时，在wordpress中居中按钮

2 个答案: