Hello!

I'm testing SJ Vinda template and I need to align the logo with the menu.

In firebug I can see that the menu is 150px from left, and if I put that to 0px the menu aligns with the logo.

But I'm a newbie with firebug...

The problem is that I can't find which css file controls that menu, because appears a list of css files.

Could you help me out finding the right css file?

Thanks in advance!

Nobody?

Someone with css files knowledge?

Someone with firebug knowledge?

It's just change 150px to 0px if someone point me to the correct css file.

Thanks in advance.

Hello!

I put an image to example the final objective.

What I have to change to align menu to the left and to make the space between menu items smaller?

Thanks in advance

PS. why cant i put the image in the post?

Someone with same issue?

Someone who knows the file and code line to change?

Thanks in advance.

Hi A Morais,

To change the padding left menu, please open file /templates/sj_vinda/css/template-tomato.css find this code:

yt_menuposition ul.navi {
margin: 0;
padding: 0;
list-style: none;
float: right;
margin-left: 150px;
}

edit to:

yt_menuposition ul.navi {
margin: 0;
padding: 0;
list-style: none;
float:right;
}

Find this code to change padding menu items:

#yt_menuposition ul.navi > li.level1.havechild .level1 {
padding: 22px 25px 20px;
cursor: pointer;
}

Thanks & regards!

SA Yen

Thank you for the information.

Problem solved