How to fix right side margin, mobile-view

Tagged: mobile responsive

This topic has 6 replies, 2 voices, and was last updated 8 years, 3 months ago by Wes.

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

Author

Posts
January 28, 2016 at 9:05 am #17065
Greg P
Customer
Hello,

If you look at this site on a phone (or shrink the browser all the way down) you’ll see the margin (background) on the far right side, throwing off the headline and everything else that should center.

Here’s the site: http://e34.af6.myftpupload.com/

I can’t figure it out and need, at least, the headline to fit without flowing off the page.

Thanks for any help.
January 28, 2016 at 9:09 am #17066
Wes
Moderator
Are you talking about the Text in the Slider area? I shrunk the browser and didn’t see anything else other than the slider text being cut off. Was that what you’re referring to?
January 28, 2016 at 9:27 am #17068
Greg P
Customer
hi Wes.

There’s a margin on the right but not the left. So the site shifts left on mobile (which leads to the cutoff, I think).

Here’s a screenshot:

http://www.porticovisual.com/screenshot

Thanks Wes.
January 28, 2016 at 9:44 am #17069
Wes
Moderator
Ok, now I see it. Try adding this –
```
.site-container {
    overflow: hidden;
}
```
Then click your reload button and let me know if that works.
January 28, 2016 at 9:54 am #17071
Greg P
Customer
Excellent Wes. Thank you. That did it.

I still need to get the title centered on mobile, but I should be able to figure it out.

Thanks!
January 28, 2016 at 9:59 am #17072
Greg P
Customer
This reply has been marked as private.
January 28, 2016 at 10:08 am #17073
Wes
Moderator
This reply has been marked as private.
Author

Posts

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

You must be logged in to reply to this topic.