Monthly navigation ugly even after attempting FAQ fix.

[gracebiblechurch]

Site still in testing, so there’s a lot still pretty ugly, but what concerns me and I just can’t figure out is why my navigation is positioned so weirdly/badly and smushed (see Site URL below). I’m assuming this is a conflict with my theme but I just can’t seem to get to the bottom of it.
http://gracebiblechurchorg.mydomain.com/events/month/

[Jonah]

Hi gracebiblechurch,

There’s a few simply CSS fixes you can make to fix this. Add the following to your theme’s style.css:

#tribe-events-content .tribe-events-month-nav {
width: 50%;
}

#tribe-events-calendar-header {
position: relative;
}

#tribe-events-calendar-header .tribe-events-prev-month {
float: left;
}

#tribe-events-events-month, #tribe-events-events-year {
display: inline;
}

Let me know whether or not that helps.

– Jonah

[gracebiblechurch]

Hi Jonah, thank you so much for your reply. In Firefox, it looks 100 times better, but is still at the bottom of the page. In Safari, it’s unchanged.

[Jonah]

Hi gracebiblechurch,

Unfortunately you will need to figure out what other CSS you will need to adjust to get things looking the right way in different browser. What I provided you should give you some ideas but you may need to hire someone to help you get it looking perfect in all browsers.

– Jonah

[Author]

Posts