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.

Different menu backgrounds for full size and collapsed

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

8 years 9 months ago
The template that I'm developing has a menu background that should be different for full size and when the browser is below the collapsed threshold, in my case 1000px is the cut off.

I am working with the menu div:
<div id="menu" class="zen-menu zen-menu-horizontal zen-menu-center zen-menu-fading">

This is the same div used for both small and full size display. Is there a way to change the menu id for the two display modes?
  • mark's Avatar
  • mark
  • 3 Month Basic
  • 7 posts
  • Karma: 0
The administrator has disabled public write access.
8 years 9 months ago
Hi

Could you not instead use media queries rather than change the html?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: mark
8 years 9 months ago
Ah - media queries. Didn't have any experience with them before, but now everything works exactly the way it should.

Thank you!
  • mark's Avatar
  • mark
  • 3 Month Basic
  • 7 posts
  • Karma: 0
The administrator has disabled public write access.
8 years 9 months ago
Thanks for posting back Mark - glad you figured it out.
Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
The following user(s) said Thank You: mark

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

Happy Campers

Close