The Images should already be responsive and resize based on the parent container. For typography, there are no media queries, i’ve got some requests for this and i will adding this in the next major release – v 1.3.0 scheduled for this weekend
Okay. Cool. Now, I have a different question about responsiveness.
Please see this page:
http://www.phaseiidesign.com/test-delete/
I’ve created a simple, 2-section page with one-column layout in each, and a single text module in each column.
I’ve inserted a short code for two slider instances (one in each section). Slider #13 in the top section, #2 in the bottom section.
When I drag the right hand edge of the browser (Chrome) the upper slider reduces in size as expected. The lower one does not. When I switch the two (#2 on top, #13 below), the upper one still responds and the lower one does not.
Now, for something a little weirder – on the home page I have two sliders and almost the identical structure (two sections with a slider in each). In this case, both sliders respond correctly – I’ve asked the slider publisher to weigh in on this as well, but am hoping you can see what the problem is).
Can you help? Is this possibly going into your update for the weekend? Is there a workaround?
Okay, more information to help you.
The plug-in author of SlideMaster located the css line item in the quest style sheet having to do with table style display conflicts:
.row.v-align-top > div[class*="col-"], .row.v-align-middle > div[class*="col-"], .row.v-align-bottom > div[class*="col-"] {
display: table-cell;
float: none;
vertical-align: middle;
}
I changed the “display” attribute to “block” and the problem appears to be fixed.
As this may be limited to the interaction of this theme to this plug-in, I’m not suggesting this as a global change (as I don’t know how you’re using the table-cell attribute elsewhere), but it fixed my problem.
If you have anything else to add, I’m all ears.
Best,
Leo
Hello Leo
Sorry for the delay, the last week had been hectic due to the major release of version 1.3.0, the CSS you provided above was for the columns vertical alignment, if you do not change this setting for the “Row” then this CSS will not even apply, looks like you deleted the test page so i can’t take a look at the issue now
