ElkArte Community

Elk Development => Theme development => Topic started by: CrimeS on December 25, 2014, 05:31:38 am

Title: BeSocial! .active buttons in menu
Post by: CrimeS on December 25, 2014, 05:31:38 am
Is there a way to make the menu items active like in the Light! variant? I tried to add few (well, more than a few) classes, but it doesn't seems to be working for me. I'm not talking about the admin items, but the actual fixed menu on the top.
Title: Re: BeSocial! .active buttons in menu
Post by: Adrek on December 25, 2014, 06:25:47 am
When I was making some changes in BeSocial variant I had to add style under
Code: [Select]
#main_menu .active, #main_menu .linklevel1:hover, #main_menu .listlevel1:hover .linklevel1, #main_menu .linklevel1:focus
and force it with !important


Now when I look at this part I think that there is one class missing, that's why style needs to be forced.
Code: [Select]
#main_menu .active
should be
Code: [Select]
#main_menu .listlevel1 .active
Title: Re: BeSocial! .active buttons in menu
Post by: CrimeS on December 25, 2014, 07:51:19 am
I was modifying this class, but it didn't work, because as you said one part of the code was missing. I added this:
Code: [Select]
#main_menu .listlevel1 .active

and everything works fine! Thank you.
Title: Re: BeSocial! .active buttons in menu
Post by: ahrasis on December 26, 2014, 06:55:08 am
I am using that in FaceIt (based on BeSocial) as well.