Two columns mobile for specific sections

Hi,

I am working on getting my site looking good on mobile. I am using the code below to display content in two columns on mobile. However, it is making everything two columns. What I want is only the bottom section “Our Eight modalities” to display in two columns. I would like the YouTube videos above to display stacked on mobile. How can I make this code only apply to the bottom section? Thanks so much!

Hi There,

Please change your custom CSS to this:

@media (max-width: 979px){
	#videos .x-column {
	    float: left !important;
	    width: 50%!important;
	    margin-right: 0 !important;
	}
}

Hope it helps :slight_smile:

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