Fixed layout not full width on mobile - Support | Kriesi.at

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

Author

Posts
September 30, 2013 at 10:54 pm #168431
Jennifer
Participant
My fixed layout website is not spanning the full width on mobile devices. There are gaps shown on the edges as depicted in the photo.

Encoure website: http://www.encourehr.com

I tried the following code, which removes the gaps, but ends up hiding my “Register Here” button as well.

.container_wrap.fullsize {
overflow-x: hidden;
}

How do I fix this?
- This topic was modified 11 years, 2 months ago by Jennifer.
October 1, 2013 at 5:58 am #168563
Ismael
Moderator
Hi placewrightdesign!

Please add this on your custom.css or Quick CSS:
```
#main {
min-width: 910px;
}

.ls-wp-fullwidth-container {
min-width: 910px;
}

.ls-wp-fullwidth-helper {
min-width: 910px !important;
}
```
Remove browser cache then reload the page.

Cheers!
Ismael
October 1, 2013 at 11:27 pm #169022

Jennifer
Participant

I added the code and cleared the browser cache, but it didn’t seem to fix it. Any other thoughts?

October 2, 2013 at 8:20 am #169167
Ismael
Moderator
Hey!

Please try this:
```
@media only screen and (min-width: 700px) and (max-width: 1500px) {
#main {
min-width: 1800px;
}
```
Cheers!
Ismael
October 3, 2013 at 1:21 am #169645

Jennifer
Participant

Thanks, a min-width of 1550px seems enough for me.

However, the logo does not seem to be shifting with the rest of the content. Also, there remains a large white space at the bottom of the browser.

October 6, 2013 at 9:07 am #171068
Ismael
Moderator
Hello!

The image you provided is not showing here. Please post it again. Looks like Kriesi post a solution.
```
html {
min-width: 910px;
}
```
If I’m not mistaken, he said that you can’t use a fixed header for non responsive or fixed layout.

Cheers!
Ismael
Author

Posts

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

The topic ‘Fixed layout not full width on mobile’ is closed to new replies.