Portfolio page on mobile

Support
#1

Hi,

I need some help reformatting my portfolio page for mobile. I want the featured image to stack on top of the title and excerpt. I have attached a picture. On the left is how it currently looks on mobile and on the right is how I would like it to look. Thanks!

#2

Hi there,

Please kindly add the code below to X > Launch > Options > CSS:

@media (max-width: 767px) {
    article.x-portfolio .entry-featured,
    article.x-portfolio .entry-wrap {
        width: 100%;
        display: block !important;
    }
}

We restricted the code above to be only on devices that have width lower than 767 pixels. Then we made the image and description section take up the whole width of the website and change the display from table-cell to block.

Thank you.

#3

Perfect. Thanks!

#4

You are most welcome. :slight_smile: