需要幫助 - 在響應式佈局中查看wordpress中的按鈕

Question

該網站是在wordpress中的freetorun.net。在移動設備上查看時，金色的「註冊」按鈕不在屏幕中央。

我在想，更改字體大小在CSS 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類股利也許應該是實際的寬度，text-align: center;

您還需要對黃金按鈕刪除float: right。

Answer 2

爲了記錄，我沒有解決這個問題。而上面提供的代碼也沒有。但是編寫U-Design主題的人給了我這個，它好多了。

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

}

/*移動屏幕（小於480像素）*/ @media屏幕和（最大寬度：480像素）{

#top-elements .large.custom-button span, 
#top-elements .large.custom-button span:visited { 
    font-size: 14px; 
} 

#top-elements .social_media_top { 
    padding: 0; 
} 

}