Portfolio on mobile onlys showing thin section

Shapely
1

I have scoured the forum and also google searched to find an answer but the support I have found either was for a different query or the CSS code doesn’t work.

I just wanted to say first of all the theme is amazing - especially on a PC, however I am having trouble with the mobile site in regards to the portfolio widget.

I have attached a screenshot of the problem - basically the photos aren’t showing correctly in the portfolio on a mobile. With masonry enabled, it doesn’t show any photos, with masonry disabled, only a small wide section of the photo is shown - screenshots attached.

All I want to do is show the photo in its normal aspect ratio - masonry on or off, I don’t mind.

All the images in the profolio are 800x533px if that helps.

All custom CSS code has been removed for troubleshooting purposes.

2

Please see photos attached.

3

Hey there

Can you please provide a link to this portfolio page? let me check it, please

4

Hi the web address is thepicketfence.com.au

5

The web address is thepicketfence.com.au - the fourth section down from the top

6

hey there

Hope you are having a good day and thank you for your question :slight_smile:

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 768px){
.project:not( .masonry-item ) .image-tile {
background-size: contain;
}
}

Thanks!
Colorlib Support Team

7

That’s great Noda, that actually worked. Cheers !

8

@Noda - any chance the color of the background of the iamges can be all one color - see attached image :slight_smile:

9

hi

Rossite can be changed, but I need url to the page :slight_smile:

10

Hi Noda, thanks again for the reply. The URL is www.thepicketfence.com.au

It only shows the different coloured black on mobile version as the image attached above :slight_smile: