Home › Forums › Pro Support › How To: Responsive Elements
- This topic has 11 replies, 2 voices, and was last updated 2 years, 7 months ago by
elvin.
-
AuthorPosts
-
October 18, 2020 at 3:22 pm #21315
Chantal
ParticipantIf someone can give me some code for the following I would be eternally grateful!
1. I have my list columns set at 3 which is how I would like it to display on the desktop, but I would like to display only 2 for Tablet and Mobile. How can I do this please?
2. I have selected the Social Sharing buttons but I don’t want the icons to display on tablets and mobiles, only desktop. How do I hide them please?
Thanks in advance,
Chantal
October 18, 2020 at 4:04 pm #21324elvin
ModeratorHi,
Both of your questions will need custom CSS.
That said, can you link us to the site in question? So we could inspect and provide you the proper CSS code for your site.
Thank you. :
October 19, 2020 at 1:12 am #21345Chantal
ParticipantYes of course, is there a way to send you the link privately please?
October 19, 2020 at 1:29 pm #21392elvin
ModeratorYes of course, is there a way to send you the link privately please?
You can send your details here: https://wpshowposts.com/contact/
Kindly reply here when you’ve sent it. Thanks .:)
October 26, 2020 at 4:33 pm #21664Chantal
ParticipantThank you, have sent the link.
October 26, 2020 at 8:16 pm #21688elvin
ModeratorYou can try this CSS:
@media (max-width: 768px) { #wpsp-1870.wp-show-posts-columns .wp-show-posts-single { width: 50%; } #wpsp-1870.wp-show-posts-columns { margin-left: -2em !important; } #wpsp-1870.wp-show-posts-columns .wp-show-posts-inner { padding-left: 2em; } }
Reference: https://wpshowposts.com/support/topic/wp-show-posts-display-2-columns-in-mobile/#post-19436
April 26, 2021 at 7:22 am #29614Chantal
ParticipantSorry for the very late response but unfortunately this code isn’t working for me… on desktop it stays in 2 columns, when I want 3. Can I send the link again privately please?
April 26, 2021 at 6:16 pm #29629elvin
ModeratorSorry for the very late response but unfortunately this code isn’t working for me… on desktop it stays in 2 columns, when I want 3. Can I send the link again privately please?
Sure. Let us know if you’ve sent it so I can check again. 😀
April 27, 2021 at 4:59 am #29649Chantal
ParticipantHello Elvin, have sent it. Thanks.
April 27, 2021 at 6:48 pm #29670elvin
ModeratorI’ve checked the page you’ve linked us to and I don’t see any WPSP list in it.
I see post lists but that’s from Elementor. Perhaps I missed it, can you confirm if the link sent is correct and point me to the list in question?
Let us know.
April 28, 2021 at 2:42 am #29684Chantal
ParticipantOh so sorry, have resent link!!
April 28, 2021 at 10:07 pm #29730elvin
ModeratorHi there,
Can you do this for now?
Edit the WPSP list to set its columns to 3.
Let us know when you have it applied so I can inspect again and do a writeup.
While you can try this:
@media(max-width:1024px){ // for tablets and small desktops - 2 columns #wpsp-1870.wp-show-posts-columns .wp-show-posts-single{ width: 50%; } }
Not sure if it works smoothly. I may have to reinspect after you’ve applied the said settings.
-
AuthorPosts
- You must be logged in to reply to this topic.