Okay
  Public Ticket #903154
Website display on mobile devices
Closed

Comments

  • Titus started the conversation

    my theme is not displaying properly on mobile devices especially in portrait viewing on a phone. Overall the fonts for the menus are way too large. Do you know how to make my webpage look like the demo in landscape and portrait mode and to fix the font from looking so large.  Also I can not figure out how to turn off related post inside my post located directly beneath the app rating. There are 4 photos attached.  1 of a phone in landscape, and  portrait.  1 of it displayed on a computer and the related post inside of the post. 

  •  93
    djwd replied

    Hi there,

    showing the desktop version on mobiles portrait view, would require lots of CSS customizations, which unfortunately aren't covered by regular support.

    I can see though there is an odd letter-spacing on titles of the mobile version from your screenshots, which is not coming from PowerMag. If that is not a customization of yours, you might want to disable plugins to make sure there is not some other resource modifying the mobile layout.

    Same for related posts shown in your IMG_1359.PNG screenshot, that is not PowerMag related posts feature but most likely some plugin's (?).

    Regards
    djwd


    Regards
    djwd

  • Titus replied

    When I mean showing the desktop version on mobile portrait view I didn't mean showing the actual desktop version on a mobile device.  I mean my mobile version looking like the version of what the display looks like in the Appearance/Customize tab then the mobile display preview option,  the option furthest to the right at the bottom.  When I preview that from my desktop it looks normal, but soon as I try it on any mobile device the letters and font looks terrible and If you look at the photo my website only takes up half of the screen and looks off centered on mobile.  You didn't market your theme to look that way so I would like it to be corrected.  I have deactivated every single plugin that I have downloaded.  The related post has now disappeared but the layout is still the same when displayed on mobile including the funky unevenly spaced text.  You can try to access my site from your mobile device and you will see the same thing.   Disabling the plugins is not the solution.  I have spent several months uploading data to this page to get it ready for release and it is very frustrating that the theme is not being responsive.  I've had issues with getting my twitter feed to display and that was never resolved but I can not use this theme if it is going to display like this on mobile devices, it doesn't look professional.  I have put a lot of time into getting this off of the ground.  ff you want to log in and take a look at what I am saying feel free to do so.  

  • Titus replied

    It should be displaying like this on mobile.  It does so on the desktop in the preview option.

  •  93
    djwd replied

    Hi there,
    I can't see the attached looks like the tiff file is corrupted. Please upload web friendly formats such as jpg/png.

    Disabling plugins is always the first thing to do while troubleshooting, as it usually helps (as it did with related posts), hence I thought it worth mentioning.

    If you could possibly provide a live URL I can check, and list with an ordered list the issues/differences you verify on your website and not on the live demo, I'll will be glad to help out.

    Thank you!

    Regards
    djwd

  • Titus replied

    My main issue is that my website does not take up the entire screen like it should on mobile devices.  

    Secondly the font does not look like it is supposed to.  The words are not evenly spaced or scaled.  

    If you access oappreviews.com from any mobile device and you will see it does not look correct.  In portrait view the page only displays on the left side.  When I preview it as a mobile device on my computer it is displayed properly. 

    I have attached what the site looks like when it is previewed in mobile device mode from the computer on a phone and tablet.  

    Next are photos of what it actually looks like on my phone and tablet.  

    Also the twitter widget that can be used as footer 1 has never worked.  You attempted to fix it a while back but it never was corrected.  

    Most of my traffic will be mobile traffic and the site looks awful when displayed on an actual mobile device.  I deactivated all the plugins but that did not work.  I am out of options. 


    Very Respectfully,

    Titus Sanders

  •  93
    djwd replied

    Hi there,

    I could replicate the "half-screen" issue on mobile, tested on an iPhone 5s ( can't see the letter-spacing as in your example though)

    By the way I surely understand this could be a real trouble!
    After quite a lots of digging (the issue wasn't easy to find as it was related to an invisible element), I found out this to be caused by the Google AdSense code entered in the Top Ad text area, which is not responsive, causing the mobile layout to break (and by the way the Ad is not showing up).

    If you remove/fix the code from the Theme Options > Ads > Top Ad it will most likely fix the issue.

    Regards
    djwd