Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

make skill set responsive (scale)

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

HI JB team!

happy new year!

I am using Venture in one of our sites and would like to keep the 4 across Skill Set that comes with the template demo.

However on smaller screens, it doesn't scale so the Circles drop to 2 lines.

Can you help with this?

Thanks,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Pam,

Do you have a link?

Didn't we cover this last year?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
HI Paul -

Can't find the post that covers the responsive/scaling aspect - I saw Rob's for changing the language for % though.

the site is www.ignite-yourself.com - it's not complete - but I put it online for your review.

thanks,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Pam,

No worries

The width is controlling by js so this is the correct behaviour

I'd try using media queries and trying to force the widths smaller but this would be a bit of trial and error

@media etc
.skill-circle-item {width:200px !important}

it needs !important to override the inline html

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers