Projects problem on phone


#1

Hi,

I have a problem with projects. They look really awful on phone, any advice how to make them in the same line? https://www.dropbox.com/s/by4guy34o4f0y60/IMG_0498.jpg?dl=0

Regards

Valter


#2

Also there’s a white space on right hand side I don’t know how it came there. Here’s a picture https://www.dropbox.com/s/wu6m7pbn7hsq0p1/IMG_0500.jpg?dl=0


#3

Hello Valter,

Try to apply the following CSS code.

html,
body{
  overflow-x: hidden;
}


@media only screen and (max-width:767px){
  
  .dslc-module-DSLC_Projects{
    width: 293px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .dslc-module-DSLC_Projects .dslc-no-columns-spacing .dslc-3-col{
    width: 100% !important;
  }
  
  .dslc-module-DSLC_Projects .dslc-project-thumb-inner a{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;    
  }
  
  .dslc-module-DSLC_Projects img{
   width: 100% !important;
   height: auto !important;
  }  
  
}

Let me know how it resolves the issue.

Regards,
Kharis


#4

Hi, the projects still look bad: https://www.dropbox.com/s/c3jlk026fk6k5jw/IMG_0542.jpg?dl=0


#5

And the page where was the white space, the whole text is cropped from sides. https://www.dropbox.com/s/7lgq02x4isr97xh/IMG_0543.jpg?dl=0 I thought after the code applied it will be back to normal.


#6

Hi guys this has couple of days delay, could you please look at it? :slight_smile:


#7

Dear Valter,

I would like to apologize in advance for the delayed reply.

> the projects still look bad

What will happen if you temporarily deactivate the Jetpack Photon? It seems this extension incorrectly resize your image on smaller screen.

> the whole text is cropped from sides.

Try to apply the following CSS code.

@media only screen and (max-width: 1169px){
  
  .dslc-module-DSLC_Text_Simple .dslc-text-module-content{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }  
  
}

Regards,
Kharis


#8

Thank you Kharis. It works perfectly now! :slight_smile: