Problem with Cornerstone mobile view

[intveld]

Hi guys,

I’m wrestling with the view of a new site on my developer’s site. It looks rather good on desktop, but not on mobile devices. I used a custom row layout of 1/6 + 1/3 + 1/3 + 1/6.
I have two problems:

1. I would like to have the pictures lining on the bottom of the row. How can I do that?
2. On smaller mobile devices the different boxes in the row are put under each other. Maybe I could better skip the pictures on mobile devices? But how can I do that?
   Many thanks for advising me.

Ton in 't Veld

[thai]

@intveld

1. I would like to have the pictures lining on the bottom of the row. How can I do that?

Hi @intveld,

Please follow these steps:

• Add the my-row class to your row:

• Add the my-column class to the columns contain the image(1/6 column):

• Add this custom CSS to your home page:

.my-row {
    display: flex !important;
    flex-flow: wrap;
}
.my-row .my-column {
    align-self: flex-end;
    text-align: center;
}

@intveld

On smaller mobile devices the different boxes in the row are put under each other. Maybe I could better skip the pictures on mobile devices? But how can I do that?
Many thanks for advising me.

The best way is adding another image for the mobile screen sizes using the Hide During Break Points option:

Hope it helps