Infoboxes only showing 2 per line when width > 923px
This support request was posted in BBQ by kapostolou
- kapostolou January 30, 2016 at 7:14 am
Hello,
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,
KostaJuanfra Aldasoro January 30, 2016 at 6:43 pmHello 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.kapostolou January 30, 2016 at 9:08 pmHey 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 */
}kapostolou January 30, 2016 at 9:14 pmHey Juan,
Don’t worry about looking into this any more. I just fixed it 🙂
Thanks for your prompt reply,
KostaJuanfra Aldasoro February 1, 2016 at 4:50 pmHi Kosta,
Thank you for the follow up.
I’m happy to hear that.
Have a nice day,
Juan.
This topic is marked as resolved
Only the topic author can re-open this thread.