Changing Mobile layout - two items per row

Comments

• mroussev

  February 2017

  Same asking from me...I create separate sections for mobile, tablet and desktop, and have two images next to each other. On desktop and tablet they appear next to each other, but on mobile it always switch to one after another. Even if i put max width per element to something small, like 50px, they always appear one after each other on mobile...
  
• Albert

  February 2017

  Hi,
  
  we are very sorry but we do not have an option to control item sizes on mobile devices. Items usually goes full width on smaller screens and we do not have any workaround to change this possibility.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• yazansammour

  February 2017

  I think you should think about adding such feature into muffin builder, similar to the responsive options of Visual composer, though it is not very handy in VC.
• ljcallander

  March 2017

  I'm having this issue too.  So, @muffingroup, what you are saying is that if we use the columns in the muffinbuilder, they won't stack on mobile, and that they will display off the viewport as full width, and you won't fix it?

  
  

  What am I missing?

  I'm having this issued on : http://hollandandrightmyer.com/

  
  
• ljcallander

  March 2017 edited March 2017

  nvm... I fixed it!!!!!!!!!!!!!!!!!

  
  I put a class in the section, the section holds the rows and columns that automatically inherit the section class, and then put this code in my responsive CSS (where .h-nhoods is my class). 

  
  

  @media screen and (max-width: 480px) {
  

  .h-nhoods {

      width: 350px !important;

  }

  }
  

  
  

  Happy coding!
• Jason6366

  October 2018

  ljcallander which section are you referring to where you added your class ?