Firefox Logo Gone When Page Shrunken

[jasontank]

When using Firefox on my desktop - and when I shrink down the site by making the browser smaller to test the responsiveness - the logo disappears. Any ideas on why this is occuring?

Check out http://www.frontstreet.com

Jason

http://www.frontstreet.com

[Porter]

There are a number of errors on your page, which may be leading to the issue. The most related issue I found was the following:

.title-area {
    width:150;
}

You're defining a width without a unit, which is likely resulting in a default to 0px, which is not displaying it. Make it 150px, and it should appear. The above code can be found in your media queries.

Below is another quick issue I spotted - you're specifying a color with only 5 values in the hex, rather than 6. I believe you meant to do #FF0000, not #FF000.

.buttonjpt {
	background-color: #FF000;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 20px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Author]

Posts