I just upgraded to 1.2.5 from a very old version, possibly 1.1.

For some reason my infoboxes are only showing 2 per row when the screen resolution gets to 923px or larger. If it’s smaller, it displays properly (3 per row) and all the way down to “phone” size is fine…

How can I fix that?

Thanks,
Kosta

Thank you for writing. I hope you are doing well.

Have you done any customization to your site via CSS before?

If so, would you please tell me what changes have you done, please?

Thank you,
Juan.

Here is my custom css. Fortunately it’s commented so that might make things easier for you to see. I’ve included them below.

Thanks,
Kosta

#header {
background-image: url(‘/images/bg_pattern_square_250.png’);
background-repeat: repeat;
}
#container{
border-top: 4px solid #7aad42;
background-color: white;
padding: 10px;
}

.responsive-nav select {
background-color: #75a841;
border: 2px solid black;
color: white;
}

.menu-subcategory {
font-weight: bold;
}

.entry h2, .entry h3 {
font-family: ‘Electrolize’;
}

.page .featured-image img, .post .featured-image img {
width: 100%;
margin: 0;
padding: 0;
display: block;
}

/* make fixes for printing */
#printtop {
display: none;
}
@media print {

/* hide header and display print header (with dark logo) */
#header #top { display: none; }
#header #printtop {
padding: 15px 0px 0px 0px;
position: relative;
display: inline-block;
}

/* makes menu list full-width */
body.page-template-template-menu-list-php #content,
body.tax-menu-category section.menu-list { margin: 0; width: 100%; }

/* hide sidebar navigation – careful, also removes product descriptions on product details page*/
/* #sidebar { display: none; } */

/ * display links in different colour (not working right now) */
a { color: #000000; }

}

/* *******************************************************************************/
/* remove these patches on next theme update, bugs in current version. fix below */
/* *******************************************************************************/

/* fixes for mobile */
@media screen and (max-width: 1024px) {

/* makes menu list full-width on mobile */
body.page-template-template-menu-list-php #content, body.tax-menu-category section.menu-list {
margin: 0;
width: 100%;
}

/* makes map contact point pin centered on mobile devices */
.page .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.page .video iframe, .page .video object, .page .video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.page .video iframe, .page .video object, .page .video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* end map pin fix */
}

Don’t worry about looking into this any more. I just fixed it 🙂

Thanks for your prompt reply,
Kosta

Thank you for the follow up.

I’m happy to hear that.

Have a nice day,
Juan.