We're merging with GenerateBlocks! Learn more here.

[Resolved] 2 Col Mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support 2 Col Mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #26089
    Jon
    Participant

    Hi

    How can I achieve 2 Columns on a mobile device (it’s set to 3 cols, but displays as 1 col on mobile) I’ve checked GP and WPSP forums but can’t seem to find definitive answer. The objective is to display 3 Cols Desktop/Tablet and have 2 cols display on mobile.

    Front Page
    Artist

    Thanks

    Jon

    #26191
    elvin
    Moderator
    #26224
    Jon
    Participant

    Hi Elvin,

    That didn’t seem to work, still in one-col ?

    @media (max-width: 768px) {
    	.two-column-mobile .wp-show-posts-columns .wp-show-posts-single {
    		width: 50%;
    	}
    	.two-column-mobile .wp-show-posts-columns {
    		margin-left: -2em !important;
    	}
    	.two-column-mobile .wp-show-posts-columns .wp-show-posts-inner {
    		padding-left: 2em;
    	}
    }
    
    

    Regards

    Jon

    #26245
    elvin
    Moderator

    I see that you’ve changed the selectors.

    Can you try testing it without the #wpsp-### and the .two-column-mobile selector to check if the issue lies with the selector (.two-column-mobile) you’ve added in?

    Let us know.

    #26271
    Jon
    Participant

    Hi Elvin

    Now that works a treat, thank you 🙂

    Jon

    #26295
    elvin
    Moderator

    Nice one. Glad you got it sorted. 🙂

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