Is any chance letting subtitle of slider showing in mobile mode?

Jjavck2Sep 12, 2018

Hello, Below is our slider code.
The subtitle <p> would be disappear while mobile mode.
How to let it show? Thanks~

                    &lt;div class="swiper-slide" style="background: url('http://www.rugotree.com/images/upload/r66k7lpn9cjx.jpg'); background-position: center top;"&gt;
                        &lt;div class="container clearfix"&gt;
                            &lt;div class="slider-caption"&gt;
                                [
                                当传统工艺碰撞果饮

创新玩出千变万化的果饮姿态

                                ](http://www.rugotree.com/zh/info/show/36)
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                
                                
                    &lt;div class="swiper-slide" style="background: url('http://www.rugotree.com/images/upload/jtpgbem8jkyk.jpg'); background-position: center top;"&gt;
                        &lt;div class="container clearfix"&gt;
                            &lt;div class="slider-caption"&gt;
                                [
                                1912窑果酱

经典窑酿匠人传承，品香后韵回味无穷

                                ](http://www.rugotree.com/zh/info/show/40)
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                
                                
                    &lt;div class="swiper-slide" style="background: url('http://www.rugotree.com/images/upload/mkumrcncn7se.jpg'); background-position: center top;"&gt;
                        &lt;div class="container clearfix"&gt;
                            &lt;div class="slider-caption"&gt;
                                [
                                2017鲜果酱

高效能调制，潮流果饮，满杯水果茶

                                ](http://www.rugotree.com/zh/info/show/42)
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                
                        &lt;/div&gt;

        &lt;div id="slider-arrow-left"&gt;&lt;i class="icon-angle-left"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;div id="slider-arrow-right"&gt;&lt;i class="icon-angle-right"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;div id="slide-number"&gt;&lt;div id="slide-number-current"&gt;&lt;/div&gt;&lt;span&gt;/&lt;/span&gt;&lt;div id="slide-number-total"&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;

SSemicolon WebSTAFFSep 17, 2018

Hello,

Simply find the following code in the css/responsive.css File:

#top-social,
#slider:not(.swiper_wrapper) .slider-caption,
.nivo-caption,
.flex-caption,
.slider-caption p,
.slider-caption .button,
.camera_caption,
.ei-title,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	display: none !important;
}

and delete the .slider-caption p, Block from it.

Additionally, you appear to be using an Older Version of Canvas as this was changed in the Latest Versions and made more flexible and easier to manage. Please update to the Latest Version to avoid any unnecessary issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjavck2Sep 25, 2018

Hello,

it works,rock!