Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Kyler

How do I put blocks side-by-side on mobile using CSS?

Question

Site URL: https://k2.life

Recent-Customers.jpg

This is how it looks on a desktop version, how would I go about making two images at a time to show? Also is it possible to make the "Some of Our Recent Customers" to display at the beginning rather than the middle.

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1595186156795_77770+.row>.col {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1595191726115_37578+.row>.col {
    width: 50% !important;
    float: left !important;
}
div#page-section-5f149bf940592a3871aa45ab .span-12>.row:nth-child(4)>.col {
    width: 50% !important;
    float: left !important;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
4 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1595186156795_77770+.row>.col {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1595191726115_37578+.row>.col {
    width: 50% !important;
    float: left !important;
}
div#page-section-5f149bf940592a3871aa45ab .span-12>.row:nth-child(4)>.col {
    width: 50% !important;
    float: left !important;
}
}

 

Thank you so much! Quick question, how do you identify the page section?

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...