Php 关闭按钮不可用';t在iOS iPhone SE设备上显示

Php 关闭按钮不可用';t在iOS iPhone SE设备上显示,php,html,css,ios,Php,Html,Css,Ios,当手机菜单出现时,我的ios设备iPhone SE上没有显示关闭按钮(我试过Safari和Chrome)。在Chrome上的开发者控制台上(在PC上工作),关闭图标按钮显示为移动视图。我附上图片来澄清这一点 你可以在电视上看到它 PHP结构化代码 echo '<div class="mobile-nav' . esc_attr( $nav_classes ) . '">'; echo '<a href="#" class=

当手机菜单出现时,我的ios设备iPhone SE上没有显示关闭按钮(我试过Safari和Chrome)。在Chrome上的开发者控制台上(在PC上工作),关闭图标按钮显示为移动视图。我附上图片来澄清这一点

你可以在电视上看到它

PHP结构化代码

        echo '<div class="mobile-nav' . esc_attr( $nav_classes ) . '">';
echo '<a href="#" class="close-side-widget wd-cross-button wd-with-text-left"></a>';
@media (max-width: 1024px) {
.cart-widget-side, .login-form-side, .mobile-nav {
    width: 265px;
}
}
.wd-cross-button:after, .wd-cross-button:before, .widget_layered_nav_filters ul li a:after, .widget_layered_nav_filters ul li a:before, .woocommerce-remove-coupon:after, .woocommerce-remove-coupon:before, td.product-remove a:after, td.product-remove a:before {
width: 24px; 
    background: #fff;
}

.wd-cross-button.wd-with-text-left {
position: fixed;
    right: 12px; 
    top: 80px ;

}
JS代码

jQuery('.mobile-nav .close-side-widget').on('click', function(){
    jQuery('.mobile-nav').removeClass('act-mobile-menu');
    jQuery('.woodmart-close-side').removeClass('woodmart-close-side-opened');
    jQuery('.mobile-nav .searchform input[type=text]').blur();
});
我试着让所有的课都及格!重要信息,将填充、高度和重量添加到
wd交叉按钮
类,但不起作用