Name headers on Mobile Staff page

[Charlotte Shockey]

Hi!

I have an issue if you look at the site http://www.kingzofswing.com on a mobile phone and go to like cast (aka staff template) page… The names are to the right and slightly hidden by the images. Some of the names don’t show up all the way.

Is there a way to fix this issue?

Thanks,
Charlotte

[Bill Robbins]

Hey Charlotte,

I took a look, but at the moment, I’m not pulling anything up for your site. If you’ll let me know when it’s back up, I’ll take a look for you.

Bill

[Charlotte Shockey]

Hmmm… well try just http://kingzofswing.com or http://kos.shockrina.com

[Bill Robbins]

Looks like it’s back up again. And that’s definitely not right. Here’s what to do:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   @media only screen and (max-width: 767px) {
   	
   		.staff-list article h2.title {
   		clear: both;
   		position: relative;
   		overflow: hidden;
   		width: 100%;
   		text-align: center;
   	}
   	
   	.staff-list article h2.title a {
   		position: relative;
   		left: auto;
   		right: auto;
   		text-align: center;
   		float: none;
   	}
   
   }
   

3. Update your settings.

See if that won't make things better for you. Let me know if you have any trouble,
Bill

[Author]

Posts