Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #29322

    I’m having an issue with the page width varying on mobile devices. I’m using the Enfold theme with the Fixed Layout setting and have seen this issue on devices running both iOS and Android. Here’s a pic of one too-narrow page:

    http://tinypic.com/r/29bytky/5

    Other pages render between this width and full screen width. How can I fix this so each page renders full width?

    Thanks!

    #140348

    Hi festivedaisy,

    We’ll need to see the site and pages its happening on live. The fixed layout doesn’t have any modifications to the page or site for mobile devices so it *should* just be showing the exact same version that your browser users see.

    Regards,

    Devin

    #140349

    The website is http://reallife247.org and the pages with the issue are the message archives page and the search results page: http://reallife247.org/?s=Test

    Thanks for offering to take a look!

    #140350

    Try adding the following to your Quick CSS (located in the styling tab of the theme options) or the child style.css:

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

    Regrds,

    Devin

    #140351

    Thanks, Devin. It corrected the problem on that page, but I’m still having the same issue here:

    http://reallife247.org/message-archives/

    I am using TubePress plugin there, but I don’t see it throwing any errors. Could you take a look?

    Really appreciate the help!

    #140352

    Hi,

    Please try this code:

    html {
    background-color: white;
    overflow: hidden;
    }

    Regards,

    Ismael

    #161848

    Ismael,

    I added the code but it had no effect. Is there anything else to try? You can see the problem if you view on a mobile device here:

    http://reallife247.org/message-archives/

    Thanks.

    #161905

    Try:

    div.tubepress_container div.pagination {
    width: auto !important;
    }

    It seems to have some odd css on it that forces it to be larger than the window and gives it a horizontal scroll.

    #161934

    Devin,
    Fixed it. A thousand thank yous! This is one of those times some folks would have said “not part of our theme, so not our problem”. I really appreciate your help. Great support!

    #161936

    Glad we could help. Let us know if you have any other questions or issues.

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

The topic ‘Enfold Fixed Layout – page width varies on mobile devices’ is closed to new replies.