Reply To: Header Image Responsive

OK I added that code to the Epik theme I also have, and it worked. However, this doesn’t seem to work on Legacy. The header logo resizes down, but there is a bit which seems cut off on the right hand size. Now I made the logo exactly the width of the logo, and perhaps (using Adobe) I should have padded it a bit.

I did discover another issue with resizing. On my pages, I have text on the left with a slider on the upper top right. It looks fine on a desktop, but was not properly formatted on an Iphone. The markup was carried over from the Genesis Education 1.0 theme which is not responsive. So I played around and found this:

<div style=”width: 500px; float: left;”>

*/page text here on left side/*

<div style=”width: 500px; float: right;”>[soliloquy id=”7592″]</div>

*/ slider short code for right column /*

CHANGED IT TO:

<div style=”width: 50%; float: left;”>

*/page text here on left side/*

<div style=”width: 50%; float: right;”>[soliloquy id=”7592″]</div>

*/ slider short code for right column /*

Now the page is formatted perfectly on all sizes.

I am using the Column classes on another page, and this 50% “style=”width” on this page. Which is preferred? They both work, so I am happy to have learned something new.