Page content missing or broken in browser tests

I found a topic saying you had to declare these values three times for all browsers, but it still doesn’t seem to have an affect on the iconbox column background colours. I just want some way to make all my columns the same height regardless of how much text content is in each one whilst still being responsive.

.page-id-9576 .iconbox_content {

min-height: 440px;

}

.page-id-9576 .iconbox_content {

min-height: 440px;

height:auto !important;

}

.page-id-9576 .iconbox_content {

min-height: 440px;

height:auto !important;

height:440px;

}

I’m just getting nowhere with this and have now tried tons of different combos. The only one that came close was:

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) { /* STYLES GO HERE */}

This does seem to set the height of the columns but unfortunately seems to prevent ALL other custom styles from being applied to the site in EVERY browser.

Hi Nick, thanks for the help but we had already visited many of those URLs and tried most most of the suggested queries anyway. Unfortunately though, it’s STILL NOT working and this is getting urgent now as we want to go live with the site. Some of the querires do seem to work, but then ALL the styles from the rest of the stylesheet are completely ignored and stripped out? We’re not meant to copy ALL custom styles and also paste these within the media queries too are we, as these apply to how the site should appear on all devices and browsers. EDIT: We’ve tried that and it still doesn’t work!

Surely there is some easy way to simply set a predefined height for the iconbox background colour. Otherwise, how can you ensure that column layouts all stretch to exactly the same height when viewed on other devices for consistency?

Could there be a bug in the theme? Another thing that really doesn’t help is the fact that when you add an image to an iconbox and rollover it with the mouse, it seems to expand slightly pushing content further down! Is there some way to prevent this from happening as it’s really annoying and makes aligning columns even more problematic too?

Please can someone provide a solution to this. Many thanks,

EDIT: The appear to be a mistake in the code you quoted above too, as there is a missing ‘)’ which will cause problems!

Hi Nick, I’m a bit disappointed with that response as it doesn’t read very professionally. I wasn’t implying in any way that the media queries created by the BIG experts are wrong or don’t ever work?

What I was telling you if you read my reply correctly was that in this instance it doesn’t seem to be taking affect on your theme! I’ve tried many different media queries (from the urls you posted, and others we have found when searching Google) and made countless different edits to them, but none seem to INFLUENCE the iconbox background height for us without stripping out the other styles at least. I don’t just post questions randomly here and instead spend considerable time searching for answers on Google and in your forums first.

The only time I will post a question here is when something doesn’t work the way everyone else, including you say it should. I’m simply trying to figure out if this could be a problem with the theme or our server and am very appreciative of your time too. Considering I spent a lot of my time writing a big in-depth review on Theme forest saying how good both the theme and support is, I’m now very disappointed.

I don’t understand what this has to do with side-bars either, as we’re having problems with the iconbox ONLY!

EDIT Ok, so I’ thought I had found a solution by changing the reference to the iconbox Ismael suggested above from:

.page-id-9576 .iconbox_content {

to:

#top.page-id-9576 .iconbox .iconbox_content {

This solution was posted for another of your themes in another forum.

Ah, just edited this as seen your reply above. No problem, that’s the downside to electronic communications as it’s easy to be taken the wrong way. Glad it was just a misunderstanding here as I have been very happy with the theme and support so far and REALLY DO appreciate every reply and your time too.

Now one last question please.

When I roll over an image in an iconbox it expands vertically a little, is there any way to prevent this?

Thanks

Thanks for the replies guys and I do appreciate your points Devin. My initial concern was that none of the media queries we’ve tried seem to have any affect on the theme which left me thinking there may be something wrong.

Nick, thanks for the feedback and the iconboxes will look much better now as I’ve reduced the number of columns down from three to only two, giving content more space. The icon boxes should all align pretty neatly now because I spent tons of time re-writing the content so that it spanned almost exactly the same number of characters in each box. This will do for now, but it would have been nice if there were some way to specifically set the height and text size for each icon box when viewed on mobile device or tablet.

Thanks for all the help on this anyway, just wish it could have been resolved for future reference and I would love to see some way to set the height of icon boxes in future releases, dependant on screen resolution etc.

Thanks,