Fontfolio – Responsive design issue

• 

  kerin2014 · Member · Nov 9, 2014 at 2:37 am

  • Copy link
  • Add topic to favorites

  I just noticed that only the About section displays — that is to say, it is the only menu option that renders a page when you tap on it.

  The smartphone I am using is a Droid.

  Is this a theme bug?

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Nov 10, 2014 at 2:43 pm

  • Copy link

  Hi there, it would be helpful if you could let us know:

  – what specific device you’re using (i.e. Nexus 7)
  – what version Android you’re using (i.e. Android 4.4.4 Kitkat) – visit http://whatismyandroidversion.com/ if you’re not sure
  – what browser you’re using (Chrome)

  Once you let us know we’ll be able to troubleshoot your issue further. Thanks!

• 

  kerin2014 · Member · Nov 11, 2014 at 10:28 pm

  • Copy link

  the behavior is as follows on my Galaxy S5:

  you tap on the blue menu bar on the upper right
  menu option display on the left
  but you can only select About and Order Info
  and to do this you have to tap the option then retap the blue menu bar

  Android 4.4.2 (Kitkat)

  device code
  SAMSUNG-SM-G900A

  screen size
  360x640px

• 

  kathrynwp · Staff · Nov 11, 2014 at 10:34 pm

  • Copy link

  Thanks very much, Erin! And is this in Chrome?

• 

  kerin2014 · Member · Nov 12, 2014 at 1:02 am

  • Copy link

  Chrome for Android, yes.
  Please do not ask which version of Chrome for Android, as I have never been able to figure out where the About tab is on a smartphone running Chrome. It must be there somewhere, but not in Settings, or any place obvious like that.

• 

  kathrynwp · Staff · Nov 12, 2014 at 3:07 pm

  • Copy link

  Thanks for confirming. I was able to replicate the mobile menu issue on your site, but not on the Fontfolio demo site.

  It looks like something in your extensive custom CSS is causing a conflict with the mobile menu. If you temporarily remove your custom CSS, the mobile menu works normally again. To isolate which piece of your CSS is causing the issue, one way to troubleshoot is to remove it all temporarily, and then add back a few pieces at a time. When the problem returns, you’ll know exactly which piece of CSS is responsible.

• 

  kerin2014 · Member · Nov 12, 2014 at 5:25 pm

  • Copy link

  hmm. thx for checking that Fontfolio in its pure state has no issue with the responsive menu on a smartphone. I have an idea what in the CSS is causing this behavior, and will experiment with some fixes later this week. thx again!