Docs

[laurenrundquist]

URL: http://www.dreamdigshome.com
Wordpress version: 4.5.2
X version: 4.4.2
Cornerstone plugin version: 1.2.4

Hi there, I love the way my site looks on desktop and most of the pages look great on mobile too. The issue I have is with the home page. I did a lot of editing of the left and right padding within the content bands to achieve my desired appearance on desktop but I think because of that is looks very strange on mobile. I’ve attached some screenshots from my iPhone6. The issues I would like to fix are–

1. The text with the transparent background overlaying the images is appearing off the to left or right and I would like to have it centered.
2. In the first content band background image you see a girls legs (which is the right half of the image). I would like to display the left half of the image instead, which is her face and hands. How can I change the way this background image appears?

Also, is there a way to disable the mobile these all together and simply stick to the desktop version on mobile? I see no option to switch to the desktop version while browsing from mobile. I’m not sure if this is the best solution to the problem, but I am curious to see what it looks like.

Thank you!

[Rupok]

Hi there,

Thanks for writing in! You can use media query to add your CSS for mobile screens :

@media only screen and (max-width: 767px) {

  // Add your mobile specific codes here

}

As all of your issue is related with your customization so can’t help much on this but hopefully you will be able to add your own code to fix this following the media query.

Hope this helps.

Cheers!

[laurenrundquist]

Thanks for suggesting media queries! First time using them but was able to figure it out with by best friend Google.

[Jade]

You’re most welcome.

[Author]

Posts