Reply To: Slider in mobile gets cut

#10035410
Support
Keymaster

Hello,

Unfortunately there’s no 100% effective way to fix that. At really the way you are doing it it’s not the best. If you want to show the texts/logos (those are attached to background image), you should separate these elements from the background and add as separate layers in the revolution slider.

Background images should be used only to show images without texts (thinking on responsive).

The only possible thing you can do is move the background image a bit to left or right. For it you can play with the code below at (css/custom.css):

@media(max-width: 768px) {
	#revolutionSlider > ul > li:nth-child(2) > div > div {
		background-position: 0px center !important;
	}
}

* The 0px will move the image horizontally. Negative values move to left and positive to right.

Hope this helps!

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