Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change List Item Content Width Mobile Only


Kaiyo

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

  • 0
On 9/10/2021 at 5:43 AM, Kaiyo said:

Site URL: https://seadragon-onion-dg7x.squarespace.com/

Is it possible to change the content width of a list section on mobile only?

On the courses page, I have the content width set to 38% but it's way too narrow on mobile. I'd like it around 96% on mobile.

Thanks!

Screenshot 2021-09-09 233546.jpg

Hi,

Your site is private. Can you setup passowrd & share url?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 9/22/2021 at 6:20 AM, Kaiyo said:

I think it's on public now. URL is Kaiyo Sonics | 1:1 & Group DJ Lessons | Online | In Person

I ended up just duplicating the section and hiding one on mobile/one on desktop and changing the content width on mobile. If there's a better way to achieve that though it might be handy

Hi,

use this CSS

/* List section width on mobile */
@media screen and (max-width:767px) {
.list-item-content__description {
    width: 100% !important;
    max-width: 100% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
5 hours ago, tuanphan said:

Hi,

use this CSS

/* List section width on mobile */
@media screen and (max-width:767px) {
.list-item-content__description {
    width: 100% !important;
    max-width: 100% !important;
}
}

 

perfect, thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...