Topic: Mobile responsive column stacking | Themeco Community

Archive / Mobile responsive column stacking

This is archived content. Visit our new forum.

Tagged: x

Author

Posts
July 1, 2016 at 2:49 am #1068066

MassiveEmpire
Participant

Check this http://202.174.102.90/~hhigherranking/services-page/search-engine-optimisation-seo/

I have a question about the way in which the columns responsively stack.

On a laptop/desktop screen my columns are configured in rows and columns like this
Icon | blurb
blurb | Icon
Icon | blurb

So when it collapses on mobile it displays like
Icon
blurb
blurb
Icon
Icon
blurb

Ideally I would like mobile to be
Icon
blurb
Icon
blurb
Icon
blurb

But I realise this is probably not possible. Can I hide the icon on mobile?

July 1, 2016 at 5:10 am #1068159

Paul R
Moderator

Hi,

Thanks for writing in!

Please refer to the link below.

https://community.theme.co/forums/topic/adapt-the-layout-in-mobile-view/#post-669737

Hope that helps.

July 2, 2016 at 11:15 pm #1070043

MassiveEmpire
Participant

Sorry I was ‘that person’ who didn’t find my answer by searching first. I did try 🙂

That’s exactly the solution I need. Thanks!

July 3, 2016 at 2:22 am #1070134

Christopher
Moderator

Glad we could help you with this.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1068066 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>