tigerlily55

I wasn’t able to get the coding suggestions made here to work for my site (they made the header look strange, either with too much space as mentioned above, or with a stretched image).

I tried a number of additional code-based suggestions to get a responsive header from other threads as well, also with no luck. Finally, I ended up replacing the header image with a responsive image slider widget. This worked well, and ultimately was easier.

Here’s what to do:

1. Remove header image

2. Install and activate an image slider plugin. I used
“ResponsiveSlider”. “Easing Slider Lite” should also work.

3. Add your header image as a slide, and set the appropriate size dimensions.

4. Put the appropriate code in the header.php file (see the plugin documentation to get the code) where you want it to appear on your website. I put the code right in between the header-related code and the body-related code.

Done!

2 – Firefox working, IE not – Right now, in Firefox everything on the site appears correctly…but in IE, only the main (blog) page appears. When you click on the other pages, the header is still there but no sidebar or content. Why?

I encountered a similar problem. No text was appearing for my pages in Safari or IE (though the header and sidebar where still there). To fix the issue:

1. I downloaded the latest version of Clean Home (1.2.1), which can be found here: https://midmodesign.com/news/general/our-special-wordpress-theme/

2. I then opened up the page.php file and copied the code.

3. Following this, within WordPress, I navigated to the area where you can edit your theme’s code, and selected the Page Template: Appearance > Editor > Page Template (page.php)

4. I then pasted the page.php code from the new version of Clean Home into the page.php file online, replacing the old code.

5. Finally, I clicked the “Update File” button.

I don’t know why, but this worked like a charm.