Menu inset position. Please need help!

Hi I'm using the creativity joomla 3 template and I get stuck in trying to change the color of the current page navigation link in a menu I created in a inset position.
I don't know if I'm explainig this ok.

I create a menu which i positioned in the inset (at the left side of the page) and i have, lets say Menu item 1, Menu Item 2 and Menu Item 3. When you hover over the Menu item it changes the menu item color to show it's a menu link. This works fine. But when you click on Menu Item 2 for example, I don't know how to show the Menu Item 2 menu link in another color so that the web visitor knows he is in this current page.

I'm completely lost... Every page in which I've worked with, had automatically changed the color or font-weight of the menu item link to easily show which was the current page you were visiting.
I'm not a programmer so if somebody could help please.

Thank you

Could You please post an url to your site?

Thank you for your quick answer!

Here is the url: http://www.amoeba-studio.es/milimetre

Once you click on "oficinas" in "nuestros proyectos" you go to a gallery to show the photo projects and there you see the menu at the left( inset position)
Here is the link : http://www.amoeba-studio.es/milimetre/i ... Itemid=741

You will se the menu :

Oficina Barcelona Gran Vía
Oficina Barcelona Rambla Catalunya
Oficina Barcelona Activa
Office Center Sabadell

If you hover over the menu, they correctly change color on every menu item. But they all remain brown color even when the current page is selected instead of having a diferent color to show visitors in which menu item(current page) they are.
I've tried to manage ccs with firebug but had no luck since I'm not a programmer.

Thank you in advance

Please edit: /templates/gk_creative/css/override.css and add at its end:

Code: Select all

#gkInset ul.nav.menu li.current a {color: #f00;}


Remember to enable "CSS override" in template settings - advanced section.

WOW!!

Thanks it works perfect!!

Is there anything else I can help you with on this topic?

Hi! Everything works perfect! thanks a lot!

I have another issue though and I don't know if I must post it as another topic!

If I clik on any of the 3 main articles in the main page (espacios pequeños, oficinas, viviendas) I go to the subpage where I have the photo galleries and the inset menu. Everything perfect here. But if I decide to click on the new top menu in "nuestros proyectos" ( so I can turn back to the frontpage and 3 main articles, or "Equipo" or "contacto", elements which are in the frontpage aswell, the web displays only part of the information and without the main menu and logo at the top.

It only shows up when you scroll up or down a little and then the main top menu appears.
It happens to me on firefox. Safari sometimes works fine sometimes not. And Explorer I think it doesn`y work aswell.
Is this a bug in the template? I haven`t seen any topic related with this issue... It makes me wonder if I have something wrong or created incorrect menu links.

UrL: http://www.amoeba-studio.es/milimetre

Any idea and help will so much appreciated!.

Thanks a lot!

Do it have to point out to the anchor element on the page? If you point back to top of the homepage - it will work fine. But if it have to be this way - we can think on some simple changes to one of the .js files to force menu to show up.

Hi!
It should point out to the anchor element on the page (milimetre/#gkHeader) because it's where the 3 articles main articles buttons show up! But if sombody clicks on the "equipo" or "contacto" menu elements, inside the subpage menu, it should point out towards these elements aswell (milimetre/#gkBottom1 and #gkBottom1-3), respectively.

I wish I knew how to program because I'm so lost changing the .js file...!

Thanks a lot for the help!

Please edit this file:
templates/gk_creativity/js/gk.scripts.js
and add at its end:

Code: Select all

window.addEvent('load', function() {
   var hpMenu = $('#gkTop.isIntro');
   if (hpMenu.length > 0) {
      var currentPosition = window.getScroll().y;
      if (currentPosition > 100) {
         document.id('gkTop').setStyle('top', '0px');
      }
   }
});


Sorry, but it doesn't work!!
I erased caché in Firefox, but it still doesn`t work! In safari everything perfect...

Any idea why??

Thanks for your time!

Wait! It does seems to work! I exported the db and web to my laptop and I don´t know why but it works correctly! Probably there is some mysteriuos cache remaining somewhere...

The only problem is that the 3 main pictures with the linking articles have also animation and until there is slight scroll they don't appear. Any idea which should be the correct code to cancel or to appear aswell as the topm menu does?

Thanks a lot!

The link doesn't work anymore.