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
  • January 29, 2021 at 6:57 am #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

    January 31, 2021 at 8:39 pm #26191
    elvin
    Moderator

    Hi there,

    You can try Tom’s CSS here:

    https://wpshowposts.com/support/topic/wp-show-posts-display-2-columns-in-mobile/#post-19436

    February 1, 2021 at 7:18 am #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

    February 1, 2021 at 8:32 pm #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.

    February 2, 2021 at 3:28 am #26271
    Jon
    Participant

    Hi Elvin

    Now that works a treat, thank you 🙂

    Jon

    February 2, 2021 at 9:14 pm #26295
    elvin
    Moderator

    Nice one. Glad you got it sorted. 🙂

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