mobile staff descriptions

[Rob]

When minimizing screen on staff pages . . . description gets jumbled up underneath images. Any ideas? http://9lazykidz.com/staff-group/roll-call/

[Bill Robbins]

Good Morning Rob,

It looks like in the Custom CSS, right in this style:

.staff-list article {
    padding: 20px 30px;
    height: 250px;
    margin-bottom: 30px;
    position: relative;
    background-color: rgba(250, 250, 250, 0.0);
   
}

There is a height that is set. Since it’s outside of a media query, it will affect all screen sizes. So you’ll either need to take that height out or inside the media query you have there for sizes 767px and smaller, you can add in something like this:

.staff-list article {
    height: auto;
}

That should fix it for you. If you run into any trouble, let me know.

Have a great week,
Bill

[Rob]

Thank you! Works great . . . thanks again for such a great theme!

[Bill Robbins]

That’s great to hear!

[Author]

Posts