Firefox Float: Post Feed Overlapping Header Image

Asked Jan 27 '17 at 23:58

Active Jan 28 '17 at 00:12

Viewed 54 times

I'm having this strange issue on a website I'm working on using a modified Wordpress Twenty Sixteen theme: http://olderbeast.com/

It looks fine on Chrome and Opera, but on Firefox and Edge the blog feed ignores the new header image and overlaps it at the top. I believe this is due to the float: left that the div#primary has, but I've tried multiple clearfixes and nothing has changed.

Am I missing something, or not implementing clearfix properly?

EDIT: Michael Coker solved it with making the image display:block and clear:both. Thanks!

edited Jan 28 '17 at 00:12

asked Jan 27 '17 at 23:58

Spencer Moore

Can you create a verifiable demo here on SO rather than linking to your website? – Michael Coker Jan 27 '17 at 23:59
adding `#road-to-olderbeast { display: block; clear: both; }` seems to fix it. – Michael Coker Jan 28 '17 at 00:02
That worked Michael, thanks! I didn't know if making a demo of the site would be too big. – Spencer Moore Jan 28 '17 at 00:09
Sweet, np. I can move that to an answer if you like and want to accept it. Not sure if you wanted to leave this up or close it. – Michael Coker Jan 28 '17 at 00:17

Firefox Float: Post Feed Overlapping Header Image

0 Answers0