I have tried several techniques to make my inline divs float and respond to screen width and can't figure it out.
I did search the forums and found a few solutions that still didn't work. Not sure what I am doing wrong.
I want to add responsive inline div tag content right on the home page template and the single column template pages using the dashboard page module. I am using a child theme that appears to be reading okay, but the content elements inside the web pages themselves are not responding at all.
You can see the issue on the first page: http://dentaldesignofarcadia.com/wpdev/
Here is my child theme and I place the custom code at the top so it's easy to find. There are two different types of floats I was trying out: cta, dr, and box. I thought the box styles would work for sure. I tried adding the delcaration "float: left;" inside the "box2" class selector and the elements do float left, but then they don't respond and stack. Very puzzled.
Any help would be much appreciated.