Outreach Pro Mobile Responsive

[gandrson]

I'm working on an Outreach Pro theme and having challenges with the mobile responsive styling.

First problem is that the responsive menu isn't working. For some reason, it isn't appearing no matter the size of the device. As it's a wide menu, I'd ideally like it to start at 860px.

Second problem has to do with fonts - they don't seem to be scaling. And no matter what I do I can't get the header fonts to scale. The headers on my home page columns are running into each other on the smaller screens.

Overall, I'm not very happy with the mobile responsive styling of the footer widgets and the Outreach theme in general.

Launch is Friday site so I really appreciate any and all advice.

The site is
http://staging.hauntedmesadesign.com

Thanks

http://staging.hauntedmesadesign.com

[ramseyp]

Hey there,

Looking at the style.css file, I see a typo in there that appears to be breaking everything after it.

Look down the style sheet till you see this:

#contact {
		width:30%;
		height:auto;
	{

I think you want to replace that with:

#contact {
		width:30%;
		height:auto;
	}
}

That will close out the declaration for #contact, as well as the @media breakpoint for 1180px. Try that and see how it goes.

---

Community • Work • Conversations

[gandrson]

Well duh. Staring at it for quite some time and missed the simplest thing. Everything seems to be working very well now. The only thing that still isn't working is the responsive menu on the max-width 480px. The menu is there, the drop downs work, but there are no pages. I tried to hover thinking that they might be there, but can't see them.
I'm looking at it, but still stumped.

Thanks so much for your help with this.
Gretchen

[Author]

Posts