Joomla Templates Club 406,261 posts

[aakelley Friend aakelleyJoin date: September 2013Posts: 15Downloads:0Uploads:3 Thanks: 2 Thanked: 1 times in 1 posts]

#190724

I am trying to follow the instructions <a href=”http://www.profromgo.com/google-calendar-responsive/”>here</a> to embed a responsive google calendar on my JA Zite templated site.

I have it all set except I can’t figure out the equivalent div class to use for mobile and desktop (he uses the bootstrap based hidden-phone and visible-phone). Does JA Zite have equivalent classes and if so what are they?

Thanks,

Chris

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506419

Hi Chris,

This JA Zite is based on JAT3 v2 – old framework plugin and it doesn’t implement Bootstrap like the new T3, it doesn’t have these class, you should define your own class and properties for them.

1 user says Thank You to Saguaros for this useful post

1. aakelley

[aakelley Friend aakelleyJoin date: September 2013Posts: 15Downloads:0Uploads:3 Thanks: 2 Thanked: 1 times in 1 posts]

#506475

Thanks. I grabbed all of the classes from the boostrap css for visible and hidden and added them to my template.css. Made the site go a little wonky. Will have to look into it a bit further. I think what is happening is that the new classes aren’t applied to things like the background, etc. So if I am going to just cut and paste from bootstrap, I need to define a “visible-all” class and set that as the default.

[aakelley Friend aakelleyJoin date: September 2013Posts: 15Downloads:0Uploads:3 Thanks: 2 Thanked: 1 times in 1 posts]

#506483

Well went back at it and found my mistake. It wored by grabbing the entire end section of the main bootstrap css and pasting it into the template. Added the hidden-xs and the visible-xs class to the calendar div and it works like a charm!

1 user says Thank You to aakelley for this useful post

1. Saguaros

[Author]

Posts