Responsive Layout broken with Customizr Theme

I forgot to add in a link to an active example.

Here you go.

Awesome – thanks for the fast response!

I reviewed the article.

My only question is where it says, “Be sure to add script tags and place the code outside of any style tags that already exist in the CSS override:

Can I merely copy and paste the code, or do I need to add a script tag? That’s something I’m not familiar with, and I’d rather ask you than Google.

Thanks again.

I just got back to my computer and tried this.

It works much better!

Huge thanks to iHomefinder support. You guys are the best!

I’m still having an issue with the information on the display results “Features” tab not displaying correctly. (See this page). It’s like the container is about 5% too small, with a slider bar on the bottom, and the titles of each section are missing the first letter.

I’ve tried adjusting the container .modal width parameter from “auto” to 100, 95, and 90 percent with no effect. I have it back to “auto” now.

Nitpicky, sure. But hey, this is a real estate web site, and buyers are picky.

Any recommendation for fixing this?

Again, huge thanks!

~~~

For anyone else who stumbles on this thread in the future, here is the break down of the previous recommended changes.

Under Optima Express / Configuration, change the Layout Style to “Responsive”. Then…

Stock CSS Override shows this:

<style type="text/css">

</style>

Simply insert this below it.

<script>

</script>

And copy & paste from the website. CSS in between the style tags, and the PHP goes in between the script tags.

Final product should look like this:

<style type="text/css">
#ihf-main-container .carousel-control {
   height: auto;
   background: none;
   border: none;
}
#ihf-main-container .carousel-caption {
    background: none;
}
#ihf-main-container .modal {
    width: auto;
    margin-left: 0;
    background-color: transparent;
    border: 0;
}
.ihf-results-links > a:nth-child(1) {
    display: none;
}
</style>
<script>
(function () {
    "use strict";
    jQuery.getScript("/wp-content/plugins/optima-express/js/bootstrap-libs/bootstrap.min.js");
}());
</script>

It looks and functions much better now.

I’m still having a small issue. On a property results page like this, the “Features” tab has a slider at the bottom, and is clipping the first letter of the section titles off.

Nitpicky on my part, but presentation matters in real estate.

Any suggestions?

And now it’s absolutely perfect.

Outstanding!

Major thanks to the iHomefinder team – you guys rock!