Home>Support>Vantage theme not mobile optimized anymore

Vantage theme not mobile optimized anymore

By Davor Ivaskovic, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi team,
I build a website with your theme but when it comes to mobile it doesn’t look awesome anymore and I don’t know why. As you can see (URL below) on a smartphone the whole content is on the far right side which should not be. Could you please help? Thanks in advance.

URL: http://bit.ly/1IlAKgK

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

  1. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Davor

    Thanks for reaching out.

    The problem is the left margin you’ve added. Try wrapping it in a media query so it doesn’t render for mobile:

    @media (min-width: 680px) {
	#primary.content-area {
	    margin-left: 118px;
	    margin-bottom: 10px;
	    margin-top: 0px;
	}
}

    Something like that. Let us know how you come along.

    • 9 years, 2 months ago Davor Ivaskovic

      Hi Andrew,

      I put your code into Site Origin’s “Custom CSS” but it didn’t work.. or should I put it anywhere else?

      Best regards,

  2. 9 years, 2 months ago Davor Ivaskovic

    Hi Andrew,

    I put your code into Site Origin’s “Custom CSS” but it didn’t work.. or should I put it anywhere else?

    Best regards,

  3. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Thanks. You’ll need to remove the original rule:

    #primary.content-area {
  /* margin-left: 157px;
  margin-top: 20px;
  */
  margin-left: 118px;
  margin-bottom: 10px;
  margin-top: 0px;
}

    What we’ve done is take your original rule and put it inside a media query to say don’t use this on mobile. If you leave the original rule in place and add my new rule it won’t work. Hope that makes more sense now. We’re trying to add your left margin only above 680px resolution.

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