Menu modification...

]Hello every body... I would like to make a question. In Gk Store template i would like to adjust the menu bar some cm downwards and i don't know how to do it... Can anyone inform me how that it can be possible?

Please let me know if it can be easy modified...

I want to move this bar below some px downwards..

re-adjustment (Small).jpg

Could You share an url to your site (if You don't want to share it public, PM it to me with link to this thread).

Could You share an url to your site (if You don't want to share it public, PM it to me with link to this thread).

You have Pm...

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

Code: Select all

#gkMainMenu {margin-top: 40px !important}
.gkMenu > ul > li > a {color: #FFF;}
.gkMenu a:hover, .gkMenu a:active, .gkMenu a:focus, .gkMenu li.active > a {color: #FF7E57;}


- play with the number to move it down more or less, current is 26px so You should start with something bigger
- color of normal menu item is now #FFF (change it to your liking)
- color of hover menu item set to #FF7E57
-

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

Thank you very much for your help... It was very helpful...

Hello again... I would like to make a question in this subject... I want to make the alignment of the 2 line menu in center, as you can watch in the picture below. So can you please tell me how can i change the css rules in order the second row of the menu to be centered below the first line?

There is no attached image .

There is no attached image .

Sorry for that... Now find below the picture...

I dont know whats wrong, but right now there is no menu (Chrome, Mac)

I dont know whats wrong, but right now there is no menu (Chrome, Mac)

Sorry menu is viewable in registered access.. I send you PM with a temporary user and password

Go to my account on top and log in.. I'm waiting for your kind answer..

Thank you very much

Add to override.css:

Code: Select all

.gkMenu > ul {text-align: center;}
.gkMenu > ul > li {float: none; display: inline-block;}


Add to override.css:

Code: Select all

.gkMenu > ul {text-align: center;}
.gkMenu > ul > li {float: none; display: inline-block;}


Thank you very much my friend... I have added the first line (gkMenu > ul {text-align: center;}) but it didn't work correctly... So now all are like i want them.. Thanks a lot...

To center elements, they either have to be inline or inline-block