Home>Support>Site Origin slider not mobile responsive

Site Origin slider not mobile responsive

By Jamila Colozzi, 6 years ago. Last reply by Jamila Colozzi, 6 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I have read through past issues similar to this but haven’t been able to identify the issue myself. The slider is at the following link: http://suecolozzi.com/

Thanks for your help :)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Jamila,

    This issue is occurring as a result of the following CSS you’ve added to WP Admin > Appearance > Customize, Aditional CSS:

    div.homepageslider {
  	width:500px;
    text-align:center;
    margin-left:auto;
  	margin-right:auto;
}

    You should either remove the hard width (and replace it with widget padding) or wrap the above CSS in a media query. For example:

    @media (min-width: 780px) {
	div.homepageslider {
		width:500px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
}
  2. 6 years, 10 months ago Jamila Colozzi

    Thank you, that worked!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More