I'm using MAYO on my website at http://www.regardingtomorrow.com. I've been working moving blocks around to provide a nice view on both full screen and mobile screens and noticed not all block regions act the same.

For example. I have two blocks side by side in the top column regions (top second column and top third column). When I view those on a mobile device, they stack in order from left to right. I also have three blocks side by side in the bottom column regions (bottom first, bottom second and bottom third). These do not stack, but render in the mobile view as very slim columns that are very difficult to read.

Is there a reason for this or should all of these block regions stack in a mobile view?

Thanks

Comments

mermentau’s picture

Is there a reason for this or should all of these block regions stack in a mobile view?

They should stack like the top columns and it's a bug. I have been working on the Drupal 8 version and have it corrected there, so it's a matter of getting it back ported to 7.x-2.1. Hope to get it fixed in the next couple of days then all three rows of columns (top, bottom, and footer) will stack in mobile.

mermentau’s picture

Title: Inconsistent responsiveness? » Bottom and Footer Columns not responsive.
dweade’s picture

Thanks for the response. I'll watch for the update.

  • mermentau committed 0601b3c on 7.x-2.x
    Bug fix for responsive bottom and footer columns. #2362993
    
mermentau’s picture

Just committed to the 7.x-2.x-dev a fix for bottom-columns and footer-columns to behave like the top-columns. Please test if you can.

mermentau’s picture

Status: Active » Closed (fixed)