Reply To: Mobile responsive issue

November 24, 2020 at 11:32 pm #10035178
Support
Keymaster

Hello,

To show the blue line remove the class d-none d-md-block from the layer. Like the example below:

<div class="tp-caption"
	data-frames='[{"delay":2400,"speed":500,"frame":"0","from":"opacity:0;x:10%;","to":"opacity:1;x:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
	data-x="center" data-hoffset="['80','80','80','135']"
	data-y="center" data-voffset="['-120','-120','-120','-55']"><img src="img/slides/slide-blue-line.png" alt=""></div>

Also will be needed adjust the position of blue line on mobile. You can control the position trough attributes data-hoffset and data-voffset. Learn more about responsive levels of revolution slider here:

Responsive Setup

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads