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.

Styling menu on mobile devices when I can't see the source code

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

9 years 3 weeks ago
Hi there,

I need to change the Active color on the menu that appears on the main menu on mobile devices (at the moment it is dark grey on a black background).

I tried this:
(media query+) #navwrap ul.nav > li.active > a, #navwrap ul.nav > li.active > .separator, #navwrap ul.nav > li.active > .nav-header {
color:#009ac7;
   }
But it didn't take affect on the devices I'm testing on - only when I collapsed my desktop browser.

iphone-menu.gif


Test site

Fiona
  • Fiona McBurney's Avatar
  • Fiona McBurney
  • LIfetime Developer - Big Bamboo
  • 23 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 3 weeks ago
Hi Fiona,

In an unrelated point do you also see the slideshow sitting on the logo?

#slideshowwrap and add a top margin perhaps?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 3 weeks ago
Actually, yes! ;)
  • Fiona McBurney's Avatar
  • Fiona McBurney
  • LIfetime Developer - Big Bamboo
  • 23 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 3 weeks ago
Link active state try adding

#navwrap.togglemenu ul.nav > li.active > a {color: red !important;}

Replacing red with your colour of choice

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 3 weeks ago
That works, thanks :)
  • Fiona McBurney's Avatar
  • Fiona McBurney
  • LIfetime Developer - Big Bamboo
  • 23 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 3 weeks ago
You're welcome

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 3 weeks ago
Are you ok with everything else?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 3 weeks ago
Yes thanks. I will show this new concept to the client and see if she's okay with the banner not showing on the smartphone.Otherwise I'm very happy with this template! You guys ROCK!
  • Fiona McBurney's Avatar
  • Fiona McBurney
  • LIfetime Developer - Big Bamboo
  • 23 posts
  • Karma: 0
The administrator has disabled public write access.
9 years 3 weeks ago
Thanks :)

Good luck with the client

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

Close