I, for the sake of the customer, cannot post screenshots, but I can tell you what I did to fix the issue, and I will try my best to explain what happened. I installed this on an existing website and began to fall in love with it with one exception. Whenever I used the primary links in the primary menu block, my copy content area was being floats to the right of the menu inks and breaking on my iphone. Instead of being listed vertically below the menus, i had to scroll on my iphone to the right to see the actual node content. after scrolling down, once I got to the bottom, the bottom blocks were inline with the primary blocks. For some odd reason, the content body was being pushed to the right of the primary menu block region. I simply hacked it by placing a div between the regions to reset and clear both floats. This worked for me, but may be unacceptable.

So, right after the primary region written here:

<!-- add primary menu as a block region so mobile site can have different links -->
    <?php if ($primary_menu): ?>
    <div id="primary-menu" class="primary-menu row <?php print $grid_width; ?>">
      <?php print $primary_menu; ?>
    </div><!-- /primary_menu -->
    <?php endif; ?>

So in an effort to fix the alignment of the copy content area, I placed the following after the primary menu region of the page.tpl file

<div style="clear: both;"><p></p></div>

This was not a huge deal, but I hope this helps, It worked for me. I am not the best coder, but maybe this will help. I have actually built three mobile sites, (All in testing phase) since I found your theme. I love Fusion, and this is epic. Look for me to create flavors of this for availability soon.

Comments

djhspence’s picture

I had the exact same problem -- but only on mobile devices themselves, not in my desktop Firefox with the user agent set to iPhone. This fixed it, although I did without the empty p tag.

Thanks!

duckydan’s picture

Wow, that fix worked perfectly for me!! Thank you so much for sharing!