Jump to content

SOLVED - 4 block custom cmsinfo does not cascade in mobile view


Recommended Posts

I have a 4 block custom cmsinfo which is ok in desktop view but in mobile view I see only the first block.

 

I need to cascade it so that each of the blocks is seen in a column, one under the other etc.

 

For example the same way the that the homefeatured (4 products per row) product grid cascades in mobile view: It shows all the products in a single column. 

 

I have looked through all "custom cms info posts" but most are about turning on the mobile view option or modifying the col-xs-6 part.

 

This is the code which is good in desktop. In mobile held horizontal shows the first 2 blocks only and in mobile held vertical only shows the first block only.

<div class="clearfix">
<div id="cmsinfo_block">
<div class="col-xs-6 col-sm-4 col-md-3">
<div class="col-xs-6 col-sm-4 col-md-3">
<div class="col-xs-6 col-sm-4 col-md-3">
<div class="col-xs-6 col-sm-4 col-md-3">
</div>
Edited by pienzu (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...