Employee section change after theme update


#1

I just installed the theme update and now the employee section of the site I am working on has switched from a line of 3 employees to a line of 2. (desktop view)

Previously, on desktop, the employees were in groups of 3.

http://siblingstogether.co.uk/our-team/

I have tried stripping out different parts of my custom CSS to see if that resulted in a change back, but it’s not done so.


#2

Yeah, there is an issue with the employee page template - though this doesn’t happen for the employees widget.
Use this to fix it until the next update please:


.page-template-page_employees-php .site-main .col-xs-6 {
		width: 49.5%;
}
@media (min-width: 768px) {
	.page-template-page_employees-php .site-main .col-sm-6 {
		width: 49.5%;
	}
}
@media (min-width: 992px) {
	.page-template-page_employees-php .site-main .col-md-4 {
		width: 32.5%;
	}
}
@media (max-width: 499px) {
	.page-template-page_employees-php .site-main .employee {
		width: 100%;
	}
}

Let me know how it goes.


#3

I pasted the code as is but it’s not worked as a fix. The min-width, max width and closing { of the corresponding line are highlighted red within the custom css editor.

any other suggestions?

.page-template-page_employees-php .site-main .col-xs-6 {
width: 49.5%;
}
@media (min-width: 768px) {
.page-template-page_employees-php .site-main .col-sm-6 {
width: 49.5%;
}
}
@media (min-width: 992px) {
.page-template-page_employees-php .site-main .col-md-4 {
width: 32.5%;
}
}
@media (max-width: 499px) {
.page-template-page_employees-php .site-main .employee {
width: 100%;
}
}


#4

Not really sure what you mean about the highlighting. If you could send an admin account to vlad[at]athemes.com I’ll do it for you.


#5

Hey, I don’t want to hijack your post, but you managed your logo upper left very well. How did you avoid the padding top and bottom of it?


#6

This is what he used:


.site-branding,
.is-sticky .site-branding {
   padding: 5px 15px;
}


#7

great, thank you.