flexslider箭头未​​在移动设备上对齐

Question

我正在使用Flexslider开发我的网站的移动版本，由于其流畅的属性，这很有用。但是，如果您在移动浏览器上查看它，则错误未对齐，并且站点的其余区域以某种方式隐藏在图像后面。这可能是某些定位，但我在常规浏览器上进行大部分调试，只需更改用户代理即可向我显示我的移动应用程序版本。

如果您从计算机上的用户代理更改浏览器转到该站点，它将如下所示（我希望它看起来如此）：

如果我在电话devsuper.artistcon.com上查看该网站，您会看到箭头未对齐，并且可折叠的元素位于图像下方：

对此的任何帮助将不胜感激。

Answer 1

尝试检查您的css属性是否包含以下内容

.flexslider {
    background: none repeat scroll 0 0 transparent;
    margin: 0 0 60px;
    position: relative;
    padding: 0;
}

.flex-direction-nav a {
display: block;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
}

.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}

我假设你的 .flex-direction-nav a 规则中没有 top：50％; 属性