Html 手机上的徽标不会减少

我有一个html网站。在pc上一切正常，但当我在手机上浏览网站时，徽标、滑块文本和滑块按钮不会减少。以下是滑块的代码：

<div class="fullwidthbanner-container">
    <div class="fullwidthbanner">
        <ul>
            <li data-fstransition="fade" data-transition="fade" data-slotamount="10" data-masterspeed="300">
                <img src="images/slider-02.jpg" alt="">
                <div class="caption text sfb" data-x="0" data-y="170" data-speed="400" data-start="800"  data-easing="easeOutExpo"><h2>AYDINLATMA ÜRÜNLERİMİZ</h2></div>
                <div class="caption text sfb" data-x="1" data-y="210" data-speed="400" data-start="1000" data-easing="easeOutExpo"><h3>AZ ENERJİ TÜKETEN ETKİLİ LAMBALAR</h3></div>
                <div class="caption text sfb" data-x="1" data-y="266" data-speed="400" data-start="1200" data-easing="easeOutExpo"><p>Çok daha az enerji ile daha etkili, zararsız ve <br/>ışık kirliliğine sebep olmayan lambalar.</p></div>
                <div class="caption sfb" data-x="650" data-y="170" data-speed="600" data-start="1300" data-easing="easeOutExpo"><img src="images/perdeli-isik.png" alt=""></div>
                <div class="caption sfb" data-x="900" data-y="71" data-speed="600" data-start="1200" data-easing="easeOutExpo"><img src="images/lamba.png" alt=""></div>
            </li>    
        </ul>
    </div>
</div>

---

徽标和滑块内容没有CSS在较小的屏幕上设置样式

因为徽标修复很简单。您可以将img的标志更改为：

65px

（style.css-关于第39行）和

#页眉#徽标

页边距顶部

至

5px（style.css-关于第257行）

要修复滑块，您需要在“移动视图”中重建它-在如此小的框中显示的内容太多。作为一种快速简便的解决方案，您可以将其隐藏在移动设备上。
要在style.css中执行此操作，请在媒体查询
@仅媒体屏幕和（最大宽度：767px）{
（第238行）之后添加：

当然，如果您认为足够的话，您可以在手机上管理
字体大小
。要做到这一点，只需在style.css-第3992行中更改字体大小即可

@media only screen and (max-width: 479px) {

.caption h2 {font-size: 15px; margin-top: 0;}
.caption h3 {font-size: 18px; margin-top: 10px;}
.caption p {display: none}

感谢您的帮助。徽标问题已经解决，但滑块对移动设备也很重要，因此我无法隐藏滑块。当滑块在移动设备上时，是否有其他解决方案可以在滑块中获得较小的文本？非常感谢。这解决了我的所有问题。再次感谢。
.fullwidthbanner-container {
    display: none;
}

@media only screen and (max-width: 479px) {

.caption h2 {font-size: 15px; margin-top: 0;}
.caption h3 {font-size: 18px; margin-top: 10px;}
.caption p {display: none}