Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 30, 2015 at 8:25 pm #388491
    Raymmar

    For some reason my website is not rendering properly on mobile devices. It keeps trying to display the navigation to the right of the page content which makes the rest of the site smaller and hard to read.

    Screenshot of the nav rendering beside the web content.
    http://imgur.com/HtMR3vF,OaxRXEb,8c5VAac#2

    Sometimes it loads properly but then you can slide the page over and see the menu as opposed to having to click the hamburger button to get to the menu.

    Screenshot of the page being able to slide over to reveal the navigation
    http://imgur.com/HtMR3vF,OaxRXEb,8c5VAac#1

    And even when I click the menu button, the nav only opens up to fill the smaller area instead of taking up the whole screen space.

    Screenshot of the navigation not opening up full screen.
    http://imgur.com/HtMR3vF,OaxRXEb,8c5VAac#0

    You can pull up the site on mobile to see if you can recreate the issues but I was just wondering if this is something you have had issues with before or something that can be fixed as it really hinders the mobile viewing experience.

    I am running the most recent version of the theme (just updated to 3.0.8) and it was not doing this as of yesterday. Any help would be appreciated.

    January 31, 2015 at 4:58 am #388689
    aghadiry

    Having the same issue after the 3.0.8 update.

    February 1, 2015 at 3:58 am #388914
    aghadiry

    The following in Quick CSS worked for me:

    @media only screen and (max-width: 767px){
    #wrap_all {
        position: relative;
    }
}
    February 2, 2015 at 2:02 am #389102
    Asterios

    The same with me.
    I used the code aghadiry provided and it helped me too.
    BUT, the Logo still shrinks on mobiles, which shouldn´t happen. That means that there is some kind of problem after the last update (3.0.8).

    February 3, 2015 at 5:08 pm #390210
    Elliott

    Hi!

    The logo size depends on the size of the header your using. Send us a link to your page and we’ll take a look. As for the menu issue you can use the code aghadiry posted.

    Regards,
    Elliott

    February 3, 2015 at 8:24 pm #390341
    Raymmar

    No offense, but I am not sure this is something that should be addressed with a quick CSS fix. It seems that even your own website is having the same issues and is something that warrants a little bit of love from your own development team.

    Here is a screenshot of your website doing the same thing on this very post.

    Kresi mobile responsiveness issues

    I will try the quick fix mentioned here but I would appreciate hearing from one of the moderators about how this problem will be addressed as part of a future theme update.

    Thanks

    February 4, 2015 at 9:11 pm #390921
    Elliott

    Hey!

    Yes we know of the bug. It’s going to be fixed in the next update but in the meantime you can use the CSS aghadiry posted to fix it.

    Or just this.

    #wrap_all { position: relative !important; }

    If you have the responsive setting enabled.

    The only way to fix this is with CSS because it’s a CSS bug.

    Best regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    February 5, 2015 at 2:56 am #391045
    Raymmar

    No problem. I used the fix that you indicated. Just wanted you all to make sure that it was not something on my side alone. Thanks for the quick fix.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Problems with slide out menu and website responsiveness on mobile devices’ is closed to new replies.