Team List on Mobile.

KKPRINT · December 2016

Hi Guys, can I please have help with the following:

site: http://www.dandenongdermatologycentre.com/

I would like the Team List to appear centred on the Mobile Version - So Centred Pic, Centred Name + Title, Centred Detail all sitting underneath each other.

Thanks.

Albert · December 2016

Hi,

to center team list item on mobile, please use:

@media only screen and (max-width: 767px) {
    .team.team_list {
        text-align: center;
    }
    .team_list .column.one-second {
        width: 100%;
    }
    .team .desc_wrapper hr {
        width: 40%;
        margin-left: 30%;
    }
}

KKPRINT · December 2016

Thanks! Which section/area do I add this code to?

Albert · December 2016

Each custom css need to be put under Theme options > Custom CSS & JS > Custom CSS section.

Team List on Mobile.

Comments