Portfolio on mobile onlys showing thin section

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.

Please see photos attached.

Hey there

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

Hi the web address is thepicketfence.com.au

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

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;

Colorlib Support Team

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

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


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

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: