Phone view: text background (Staff) and overlay projects are too wide

Hi,

when I look at my site (http://www.tindrum.be/vintageriders/) on my phone, the white background below the staff (bikes) and the overlay on the projects (hotspots) are too wide. is there a solution?

tx

bert

Hello Bert,

To fix it, add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (max-width:767px) {
  
  .dslc-staff .dslc-staff-member {
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 20px;
  }  
  
}

Regards,
Kharis

Thanks! That works for the part below the staff.

do you have a solution for the size of the overlay (projects) on the images (also on mobile).

tx!

bert

You can use this code:


@media only screen and (max-width:767px) {
  
  .dslc-staff .dslc-staff-member,
  .dslc-projects .dslc-project {
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 20px;
  }  
  
}


Regards,
Kharis

kharis for president!

thanks a lot man!

If you ever want to come to antwerp (belgium), let me know I’ll let you ride one of our vintage mopeds!

gr
bert