Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 9, 2013 at 6:36 pm #29322
    festivedaisy

    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!

    September 11, 2013 at 4:08 pm #140348
    Devin

    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

    September 12, 2013 at 12:55 pm #140349
    festivedaisy

    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!

    September 12, 2013 at 1:41 pm #140350
    Devin

    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

    September 13, 2013 at 3:10 am #140351
    festivedaisy

    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!

    September 14, 2013 at 1:22 am #140352
    Ismael

    Hi,

    Please try this code:

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

    Regards,

    Ismael

    September 16, 2013 at 7:38 pm #161848
    festivedaisy

    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.

    September 16, 2013 at 9:09 pm #161905
    Devin

    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.

    September 16, 2013 at 10:13 pm #161934
    festivedaisy

    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!

    September 16, 2013 at 10:20 pm #161936
    Devin

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

  • Author
    Posts
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.