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.

issue with zentabs in mobile format

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

Here's one I'm still wresting with. I seem unable to restyle the zentabs in mobile format. See attached for what I'm seeing on my device. I am trying to get at it with mediaqueries, but so far, no joy
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.nav-tabs li a {font-size:1.5em;}
}

zentabs.jpg
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
What is the link for the page?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
--> live link <--
--> staging link<-- in case DNS hasn't distributed the above to your part of the world...the one i'm working on now
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 9 years 11 months ago by blueshift.
The administrator has disabled public write access.
Can you turn off compression/optimisation

Thanks
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sorry. It's off on the staging box

--> staging link<-- in case DNS hasn't distributed the above to your part of the world...the one i'm working on now
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 9 years 11 months ago by blueshift.
The administrator has disabled public write access.
At the moment I'm still seeing css optimisation even on firebug which I'd not used previously to view the site

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
funny - i just checked and it was on. turned it off, and saved. darn! compression was still on. took three saves before it took.

:whistle:
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
I had this

@media (max-width : 780px) {
.nav-tabs li a {font-size:75%;}

}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No joy. I'm finding that all kinds of things work in the inspector, but none of them work from custom.css.

I think I am going to make a completely different module for mobile devices as hidden-phone works where media queries have been spotty, and simply hiding a module from mobile in the T3 template manager still leaves a hole. (Banner replaced by a big empty space on mobile, for example.)
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 9 years 11 months ago by blueshift.
The administrator has disabled public write access.
I'd suggest adding styling to the top of the custom.css file and see if they work

If they do then its one of three things:

1. styling not targetted correctly
2. Styling is not specific enough
3. You have errors in the custom.css file
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
most likely 3, as at one point I had very specific styling.

EDIT: Bingo!

a double }
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 9 years 11 months ago by blueshift.
The administrator has disabled public write access.
happy days

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