Need help? Check out our Support site, then


responsive react

  1. I've just bought a Samsung Android smartphone and tried looking at my website on it ... hmmm, I wasn't very impressed.

    The home page doesn't display the menu in a nice way. The biography page is ok - probably because it's one picture followed by the text - but clicking on the projects menu doesn't bring up any projects at all. And that's just the beginning.

    I tried looking at the site in a simulator ... http://www.responsinator.com ... and what I saw is exactly how I would like my site to look on all the different devices. But the real thing isn't the same ... at least not on my phone.

    I'll be redesigning the website to be more friendly to other devices (especially the front page) but the projects page will have to stay the same or I might as well go to another theme.

    What's to be done?

    The blog I need help with is renebaker.org.

  2. Hey there,

    I'm sorry to hear that the site isn't looking right on your Android phone - I actually don't have an Android device to test on, so I'm going to put in a message with our team to see if we can get one.

    The strange thing is, we use standard design practices that should depend on nothing but the size of your device's screen. However, it sounds like certain phones may have buggy displays that we need to take a look at. We'll let you know what we can figure out here. Thanks for your patience!

  3. Thanks for such a quick reply.

    I'm also investigating more because I'm sure there is much I have to do to my content to make it more adaptable. Probably the video will have to go from the front page and maybe I will have to resize all the photos (oh, I hope not!) Just in case, can you advise what is the best pixel size that will still look good on a large mac screen as well as scale down OK.

    But something interesting is that I've tested my site on a mobile checker (ready.mobi/launch.jsp?locale=en_EN) and it comes up as a poor rating.
    I played around checking other sites - including another react one - and common factors they failed on was FRAMES and MIMES. I don't know what this is but it might mean something to you programmers.

    Thanks for helping. I'm feeling disheartened because it took a lot of time and brain cells make this website (my first!), people like it and now the parameters have changed and soon it won't be useful for 50% of browsers.

    Rene

  4. I have no idea why but after the umpteenth time of looking at my website on my android mobile without a decent home page (no menu items, background image appearing and hugely out of proportion, video not aligned) .... suddenly the home page loaded ok. And has continued to load ok ever since (about 6 more times).

    Did someone do something to cure it? Or is it a happy mystery?

    I still would like some advice though on my poor rating on the mobile checker and the Frames and Mimes stuff.

    Rene

  5. Hi Rene,

    Just in case, can you advise what is the best pixel size that will still look good on a large mac screen as well as scale down OK.

    React's images will automatically scale depending on your browser or device width. You will not need to resize your content.

    I have no idea why but after the umpteenth time of looking at my website on my android mobile…suddenly the home page loaded ok.

    That's great! I don't believe we have deployed any changes to our theme. Perhaps you updated your phone?

    I still would like some advice though on my poor rating on the mobile checker and the Frames and Mimes stuff.

    I wouldn't be worried about these warnings as this is not an accurate rating. React was built to be a responsive theme, with a mobile-first approach.

    Thanks! Please let us know if you have any questions.

  6. Thanks for reassurance. I won't worry.

    The site still looks fine today but I've found a couple of things that still don't come right on the mobile compared to the computer.

    When you open a project (under project menu), after the text there is always a gallery of photos. On the mobile these are still displayed as 3 in a row (like on computer) and are very elongated to fit the space. Shouldn't they have re-arranged themselves one after each other?

    The other thing is that my "courses" menu heading is a static tab - it doesn't open when clicked on but brings up the pulldown menu of available subjects. On the computer I can hover over the "courses" button until I have read the pulldown menu but going to the "courses" button on the mobile it immediately opens the url (i.e. it is active not static) and then says that the page is not available. This gives the impression that my courses are not available. It just isn't possible to get to the pulldown menu headings quick enough to avoid opening the inactive "courses" button, and there isn't even time to read what is in the pulldown menu. Is there anything that can be done?

    Thanks
    Rene

  7. Hey Rene,

    Just to be sure, when you're viewing your site on a mobile device, you're viewing it on your Android phone (vs. an Apple device), correct?

    We'll take a look at this as soon as possible - it sounds like the Android handling of dropdown menus is flawed compared to how it works on other devices, but we need to figure it out either way. Same thing with the elongated pictures.

    Thanks for your detailed explanation and your patience as we have a look.

  8. Yes, I am looking at the site on a mobile Samsung Ace with Android.

    Thanks for looking into these bugs for me. I'm sure you will be making a lot of other people happy too ... it's just that they don't yet know it!

    I am patient. Just happy that you will be working on it.

    Rene

  9. Great, Rene! Thanks for clarifying this with us :)

    We'll be sure to keep you posted.

    tollmanz edits (4/4/2013): I just wanted to let you know that we reviewed this issue as part of a recent update. Unfortunately, we cannot reproduce the problems that you report on any Android devices. As such, we have closed this issue due to our inability to reproduce it. Thanks again for reporting the problem!

Topic Closed

This topic has been closed to new replies.

About this Topic