Navigation
Archive / Two column section on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 21, 2017 at 11:20 am #1380095
    renutrition
    Participant

    Hey there!

    My site is renutrition.com

    I am trying to optimize the design of my site on mobile devices, and I would like to make section 3 (the section with the green icons) have 2 columns. The rest of the page should stay as-is if that is possible.

    Any help would be much appreciated!

    Stephen

    February 21, 2017 at 11:55 am #1380146
    Rupok
    Member

    Hi Stephen,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (max-width: 767px) {
.home #x-section-6 .x-column.x-sm {
	width: 50%;
	float: left;
	margin: 0;
	clear: none;
}
}

    Hope this helps and make sure to place them within single Row to get expected result.

    Cheers!

    February 22, 2017 at 7:51 am #1381309
    renutrition
    Participant

    Fantastic. You guys (and gals) are the best support team around!

    February 22, 2017 at 9:24 am #1381466
    Rahul
    Moderator

    Glad we were able to help you and than you very much for your kind words.

    Let us know if we can help with anything else.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1380095 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>