Make Overflow Property Responsive

[agoodwin90]

Hi everyone,

I've created a few custom classes within the Simple Custom CSS plugin for a page on my website: http://instituteforbiblereading.org/board-of-advisors/

.advisor-bio{
  margin-top: 25px;
  margin-bottom: 25px;
}

.advisor-pic{
  float: left;
}

.advisor-text{
 overflow: hidden; 
}

The advisor-bio class is the container, with the advisor-pic and advisor-text classes obviously inside. I was having a problem with the text flowing underneath the picture, so I gave it an overflow property to keep it aligned properly when in fullscreen. The problem is, depending on screen size, I sometimes WANT the text to flow under the picture. I've tried making adjustments within the media queries but no luck. Essentially I just want to cancel the "overflow: hidden" property for certain media queries, but can't figure out how. The class I created in Simple Custom CSS seems to just override anything I try to do in the Editor.

Any help would be great!

http://instituteforbiblereading.org/board-of-advisors/

[Christoph]

Hi,

did you try adding the media query in your simple custom css?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts