Html 如何在手机上以纵向显示推荐文字？

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

HTML 我无法从我们的页面获取实际的HTML来满足格式要求。以下是屏幕截图：

好的。。。它确实有用

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

如果屏幕小于768px，则隐藏证明的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}

add_action（'wp_footer'，'show_commissions_on_mobile'）；
函数在移动设备上显示推荐信（{？>
@介质（最大宽度：767px）和（最小宽度：320px）{
.vc_custom_1454330137581{显示：阻止！重要；}
}
你可以给它（主容器）一个唯一的id，然后应用CSS！重要的是覆盖生成的应用CSS…如果你能提供一个实时链接，我们可以分析并给出一个适当的解决方案…bestHi Sajjad。感谢你的回复。我不是一个程序员或开发人员。我是一个技术熟练的家伙/以前的IT服务技术。我可以很好地接受指导。我正在尝试sav通过处理他人完成的工作，帮助我妻子的私人执业，现在无法联系到他们。URL是。问题出现在主页上，从视频向下滚动后，你会看到一个推荐滑块。这只在响应移动部分有问题，只有在纵向模式下才有问题。我理解CSS在屏幕宽度阈值下显示if的证明。我不能添加您提供的代码，而是编辑现有代码以将“.vc_custom_1454330137581{display:none；}”更改为“.vc_custom_1454330137581{display:block！important；}”“？请原谅我对编程的无知，但我不理解在短代码中添加唯一ID。我的想法和希望是，如果屏幕宽度在纵向范围内，可以通过某种方式编辑响应CSS，使字体更小。可能吗？哪个文件处理响应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}