Only One Team Member + Mobile Display

[Anonymous]

Hello,

I have a very specific question about Teams, and having only one team member. The Farad Teams widget only has the option for 2 or more team members (I suppose one person isn’t really a team, is it!) – and while I have altered it so it displays beautifully using only one team member, I have noticed that in the mobile version, the team section falls WAY right.

Do you have any suggestions for how I could better code this so that this one team member display looks great no matter the display size?

The code I used to alter the two column team display is this:
body.home .container .eight.columns {
width: 960px;
}[/CODE]

Your help is much appreciated,

Tara[CODE]body.home .container .eight.columns {
width: 960px;
}[/CODE]

Your help is much appreciated,

Tara

[admin]

Hi Tara,

First, i will not recommend to use above CSS Selector sequence in your code, as it is much global and can effect eight columns for other containers as well.

Second, you want to display only one staff member,

– Will you want to expand this to full width i.e 960px ?
– Will you want to make it center to the 960px ?

Thanks

[Anonymous]

Hello, I’m sorry for the delay in my response to you.

Thank you for the warning on my code. Once I work through this fix, I’ll be sure to change the code.

As for your questions, yes I would like to display only one staff member, and it would be full width, and centered.

The staff display I am speaking of can be seen here. I’d like to recreate this look but with the proper code;>)

Thank you so much for the help,

Tara

[admin]

Hi Tara,
I have forwarded your question to the Dev team. They will soon share the code snippet.
Thanks

[Anonymous]

Thank you, I appreciate it. I look forward to the answer.

[admin]

Hi Tara,
Please try the following CSS code.

.widget_staff-wrapper .eight.columns {
width: 100%;
}[/CODE]

It will maintain the responsive behavior of farad as well.
Thanks[CODE].widget_staff-wrapper .eight.columns {
width: 100%;
}[/CODE]

It will maintain the responsive behavior of farad as well.
Thanks

[Anonymous]

Wonderful! The code worked perfectly. Thank you very much!

[Author]

Posts