Support

Home Forums Event Espresso Premium EE Calendar Header (.fc-header) Off Screen in Firefox/OS X

EE Calendar Header (.fc-header) Off Screen in Firefox/OS X

Posted: January 6, 2015 at 8:09 pm


RVA Creative

January 6, 2015 at 8:09 pm

Everything looks great on our calendar page in every other browser I’ve looked at. And then someone told me Firefox throws the .fc-header section off the right side of the screen. I confirmed the issue. We’re both using

Any ideas?

Calendar at GaytonChurch.org/Calendar


Lorenzo Orlando Caum

  • Support Staff

January 6, 2015 at 8:29 pm

Hi,

Try adding this CSS to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.:

div#espreso-category-legend {
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom:35px;
}

Then force refresh to see the changes:

http://en.support.wordpress.com/browser-issues/#force-refresh

It should look like this:

http://cl.ly/image/3f2r1I0l112I


Lorenzo


RVA Creative

January 6, 2015 at 9:46 pm

Worked great, with two additions — !important was required on each line in order for it to take effect; and padding-bottom had to be increased (at least for my browser) to 45px.

Looks good now!

The support post ‘EE Calendar Header (.fc-header) Off Screen in Firefox/OS X’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso