Change view menu

I need to change the location of the Home button in the Main Menu as shown in the screenshot below.
Can you help?

Thanks

menu1.jpg

Hi

I don't quite understand what you want... you need to place the "Home" link on right side or move all the menu to right?

If you want to place the "Home" to the right, just go to the Main Menu and change the order of the link to last place.

In other hand, if you need to float the menu to the right, you can enable the use of css override on advanced template parameters and then add this line on ../css/override.css

Code: Select all

#gkMainMenu {float: right!important}

Hope this solves your problem.

Cheers

I hope I can explain.
In the attached screenshot you can see that the HOME text is not centered in the tab, while other texts are centered.
I need to center the text in the HOME tab, without prejudice to the other buttons are fine.

thanks

Schermata 09-2456189 alle 03.12.06.png

Hi again

It would be better if i could see it live, because according to the screenshot, you made some deep changes.
But try using something like:

Code: Select all

#gkMainMenu {padding-left: 10px}

If doesn't changes, use !important rule, like

Code: Select all

[code]#gkMainMenu {padding-left: 10px!important;}[/code]

Hi Seichinha,

by this change, the menu is displayed correctly.

This:

Code: Select all

#gkMainMenu > div > ul > li > a {
   padding: 0;
   display: block;
   height: 26px;
   line-height: 28px;
   font-size: 18px;
   text-transform: uppercase;
   color: #fff;
   margin: 10px 0 0 0;
   border-left: 1px solid #303030;
   padding-left: 16px;
}


With this:

Code: Select all

#gkMainMenu > div > ul > li > a {
   padding: 0;
   display: block;
   height: 26px;
   line-height: 28px;
   font-size: 18px;
   text-transform: uppercase;
   color: #fff;
   margin: 10px 0 0 0;
   border-left: 1px solid #303030;
   padding-left: 16px!important;
}


Thanks