Mobile Layout Issue

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 22, 2013 at 7:24 pm #107999 Resolve

Sarah Jane Holden
Member

Hello again,

I posted a question previously about decreasing the space between written text and the side bar on my pages (http://premium-themes.forums.wordpress.com/topic/decreasing-space-between-content-sidebar-on-default-page?replies=6).

After entering the code, this worked out great-but once I checked it on the mobile version-it was a mess. Seems to have messed up the layout on the mobile version even though it looks fine on my regular monitor.

Help?

Thanks so much :)
The blog I need help with is buildingblockssll.com

August 23, 2013 at 1:52 pm #138843
Caroline Moore
Howdy!

Give this a try:
```
@media screen and (min-width: 1110px) {

.site-content {

margin: 0 365px 0 0;

}

}
```
If that doesn’t work, can you post a screenshot showing the messed up layout so I can take another look? You can find instructions for making a screenshot here:

http://en.support.wordpress.com/make-a-screenshot/

Thanks!
August 25, 2013 at 11:00 pm #138912

Sarah Jane Holden
Member

Hi there,

I added this code but no luck (along with the previous from the other post to increase the content width). Mobile version is still not working properly. You can see a screen shot of it @

I deleted the code from my CSS revisions for now-until we can figure out how to work out this glitch. Thanks for your help.

August 25, 2013 at 11:01 pm #138913

Sarah Jane Holden
Member

Sorry-here is the link again.

http://babbleonbaby.files.wordpress.com/2013/08/mobile-screen-shot.png

August 25, 2013 at 11:04 pm #138914

Sarah Jane Holden
Member

.site-content {

margin-right: 385px;

}

@media screen and (min-width: 1110px) {

.site-content {

margin: 0 365px 0 0;

}

}

Just to clarify-here is the code combo I was using.

September 3, 2013 at 6:52 pm #139429

Kathryn P.
Happiness Engineer

Hi there, would you mind replying to the other thread and letting us know where you’re at with this to try to keep everything together? Thanks!

http://premium-themes.forums.wordpress.com/topic/decrease-empty-space-after-sidebar-and-increase-content-width
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Mobile Layout Issue’ is closed to new replies.