html - 如何让推荐文本以纵向显示在移动设备上？

Question

我们正在运行带有 Bridge 主题的 WordPress。它有一个用于滑动推荐的内置小部件。它包含在我们的主页上。它在桌面上运行良好。在移动设备上，它们在横向时出现，但在纵向时消失。Visual Composer 已为页面的该部分生成自定义 CSS。我知道我不能直接编辑它。我需要添加/更改什么，添加/更改应该放在哪里？

HTML 我无法从我们的页面获取实际的 HTML 以通过格式要求。这是一个屏幕截图：

**Additional CSS**(Not sure if helpful)
.title{
    height: 70px !important;
}

.entry-meta .tags-links {
    display: none;
}

.four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 {
    width: 33%;
}

@media only screen and (max-width: 800px){
.carousel .carousel-inner .slider_content_outer,  .slider_content_outer iframe {
    width:100%!important;
    height:230px!important;
    }}

@media only screen and (max-width: 600px){
.footer_top .column1,.footer_top .column2,.footer_top .column3,.footer_top .column4{
    width:100%!important;
    }
    .vc_custom_1454324358316 h2,.vc_custom_1454324358316 h3 {
        color: #000000!important;
    }
}
#contact-form{float: left;
width: 100%;
height: 5px;}

Answer 1

好的......它确实使用

@media (max-width: 767px) and (min-width: 320px){
 .vc_custom_1454330137581 { display: none;}
}

如果屏幕小于 768 像素，则 css 规则隐藏推荐......但你可以覆盖这个......使用......

add_action('wp_footer', 'show_testimonials_on_mobile' );
function show_testimonials_on_mobile(){?>
  <style>
     @media (max-width: 767px) and (min-width: 320px){
       .vc_custom_1454330137581 { display: block!important;}
     }
  </style>
<?php}

但我担心你必须应用一些响应式 CSS 规则，因为它不是针对移动设备做出响应的......

注意：vc_custom_1454330137581您可以将唯一 ID 添加到 vc_row 短代码并使用该 ID 来代替 .. 以获得更多面向未来的解决方案......