move the mainmenu more to the right

Hi!

Could you please help me with that? I want the main menu more to the right in order to not override the logo.

www. mumsbitar.se

Thanks in advance

A

Please add following css code to css/override.css in template folder and enable css override in template settings advanced settings > css override "on".

Code: Select all

#gkMainMenu {
    margin-left: 40px;
}


See you around...

Hi NormanUK!

Thanks for the quick answer but could you please check this again. It doesn't work.

You have added float:right also which pushes your menu to right.
Currently you have below code delete this part and replace with float: left.

Code: Select all

#gkMainMenu {
    float: right;
}


Change to

Code: Select all

#gkMainMenu {
    float: left;
}


So final css code would be

Code: Select all

#gkMainMenu {
    margin-left: 40p;
    float: left;
}


See you around...

Hi Norman UK!

I tried with the below css but it still doesn't work as expected. I also tried with height and margin-top but nothing change for good.

#gkMainMenu {
margin-left: 130p;
float: left;
}

Have you any clue what to do?

Thanks again

www.mumsbitar.se

A

Hi Angelisa,

It shows fine in Chrome and Firefox, which browser are you using.

Also right now your menu does not fit in and overlaps right side. So you can also add following css which will reduce spacing between menu items itself so it fits properly.

Code: Select all

.gkMenu > ul > li > a { padding: 0 15px!important;}


See you around...

Hi again!

Take a look what I see in all browsers. Maybe I wasn't clear... I 'd like the menu on the top. Thanks again

mainmenu.jpg

To move it upwards from current location you need to use margin-top with a negative value : )

Code: Select all

#gkMainMenu {
    float: left;
    margin-left: 130px;
    margin-top: -60px;
}


See you around...