Must Read: New Unified System is officially live Must Read     |   6 Templates Updated (27 April 2018) Read more

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.

not sure how to grab the sticky nav css (mobile)

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

Kind of out of ideas. I want the sticky nav on mobile to behave differently on tablet, for example, but no css I can get my right clicker on seems to have any effect.

dev link
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
Hi

What breakpoint value are you using?
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
both 800 (or 801) for galaxy tabs and 76whatever for iPad.
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
Seems to me a selector such as the following should do something....but doesn't.
#logowrap .zen-nav-fixed
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
What are you wanting to change with the styling?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
turn the navbar another color on mobile devices. (not #fakemobiledevices like the dev tools emulator) o_0
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
This should work

@media (max-width:800px) {
#logowrap.zen-nav-fixed {background-color: red !important;}
}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
However your custom css is removing the height so it doesn't display

If I hack your custom css to remove the logo menu section it does display

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: blueshift
I wonder if I'd written a rule further up the page that was creating problems. :whistle:
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
looks like probably

#logo .mod-ag-logo {
/*margin: -60px 0px;*/
/*transform: scale(1, 1) !important;*/
transition: transform .75s ease-out 0s;
position: absolute;
top: -30px;
max-width: 320px;
}


.zen-nav-fixed .mod-ag-logo img {
/*margin: 0px;*/
/*transform: scale(.7, .7);*/
transition: transform .75s ease-out 0s;
position: absolute;
top: 50px;
}
  • paulus103's Avatar
  • paulus103
  • 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