2 column layout on mobile screen

Hello,

Id like my two columns to stay next to each other on mobile layout. I tried all of the css that were given in previous post but nothing seems to work. Can you help me out.

Summary

website: www.industrylight.nl

its about the 2 columns in the first section

thank you in advance.

regards

Hi Marcel,

Thanks for writing in!

You already have the correct css code:

@media (max-width:768px){   
	$el .x-column{     
		width: 50% !important;     
		float: left !important;     
		display: inline-block !important;   
	} 
}

To resolve your issue, please remove that code from the inline CSS field and insert it in the element CSS.

Please let us know if this works out for you.

that worked thank you very much!!

You’re welcome! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.