Agency Pro Homepage Box Border- Responsive Issues

[livelife7]

Hello,

How can I get the search box border on my homepage to display responsive? Please visit my site @ lohrbend.com

Thank you!!!

http://lohrbend.com

[Tony @ AlphaBlossom]

Hey there,

You can add this to your styles.css media query (inside @media only screen and (max-width: 1180px) ):

#text-22 .IDX-quicksearchWrapper {
    display: block;
    height: auto;
    overflow: hidden;
}

Have a great day!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[livelife7]

Thank you, it worked great!

[Tony @ AlphaBlossom]

Awesome!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[livelife7]

Hi Tony,

To make a long story short, I lost a lot of the most recent work I did to my website and have back tracking trying to catch it back up. I lost the beautiful coding that made my box responsive. I tried adding your code back in, but I must be doing something wrong? Can you let me know how I can make the box on my homepage responsive again?

Thank you!!!
Victoria

Lohrbend.com

[Tony @ AlphaBlossom]

Hi Victoria, I'm sorry to hear about the data loss...that's the worst!

It looks like you added a new widget, so the #text-22 has changed to #text-20:

#text-20 .IDX-quicksearchWrapper {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    display: block;
    height: auto;
    overflow: hidden;
}

Just change the "22" to "20" and it should work. I added a transparent background, but if you don't want that just remove the two background lines. If you like it, you should add that to your normal css, before the media queries.

Let me know if you still have issues with this.

Have a great weekend!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[livelife7]

Hi Tony,

Thank you so much for getting back to me. Yes, this week's data loss has been a hard lesson to learn...

So I plugged in the new code and love the background. What a great addition, thank you! Now the box is responsive and make's my widget easier to see.

Happy Holidays!

[Tony @ AlphaBlossom]

It's my pleasure...I'm glad I could help! Unfortunately I've had to learn that lesson many times 🙂

Site looks great. I thought the background made it easier to read, glad you liked it.

Happy Holidays to you too!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts