[Resolved] Display posts in two columns on the mobile interface

Home Forums Support Display posts in two columns on the mobile interface

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1228977
    notphucthinh

    If I modify directly from within the file all.min.css

    @media (max-width:767px){.hide-on-mobile{display:none!important}.mobile-grid-50{float:left;width:50%}.mobile-grid-100{clear:both;width:100%}}

    After I changed

    @media (max-width:767px){.mobile-grid-100{clear:both;width:50%}}

    https://www.dropbox.com/s/998ycrm6lj0argb/01.png?dl=0

    But if I override it with additional custom CSS instead of in all.min.css file

    https://www.dropbox.com/s/mfyscjk5y0ls457/02.png?dl=0

    Please help me. Thanks very much!

    #1229002
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    It’s not a good idea to modify all.min.css

    Let me know 🙂

    #1229292
    notphucthinh

    Thank you, but I solved the problem without having to modify all.min.css. Because I understand all modify directly from the all.min.css file will disappear after the parent theme is updated to the new version.

    And here’s my CSS code if someone needs it, just add the following CSS code to the child theme, Code Snippets or Additional CSS.

    @media (max-width: 767px) {
        .mobile-grid-100 {
            clear: both;
    		width: 50%
        }
    	.separate-containers .site-main>.generate-columns-container {
    		margin-bottom: 0;
    		margin-right: 10px;
    	}
    	.generate-columns-container>* {
    		padding-left: 10px!important;
    	}
    }
    @media (max-width: 768px) {
        .content-area {
    		width: 100%;
    	}
    }

    Sorry for my bad English. Have a nice day.

    #1230049
    Leo
    Staff
    Customer Support

    Glad you’ve figured out and thanks for sharing 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.