V4 top menu changes

I'm trying to have my top menu contents center across the menu but can't work out how to do it. Even if I could control the spacing, this would be sufficient.

I'd really appreciate the help if anybody has managed this.

Cheers

Any picture to show what you want to achieve?

here are the pictures of what i want to achieve

want.jpg

dont want.jpg

You can try padding or margin to control the spaces. Clear both the cs-cart and browser caches after the changes.

Thanks for the reply. I tried the padding with limited success. It was ok until I hovered the mouse over it.

Then you need to find the hover style and add padding to there too. :)

Yes, I tried to but could not find it.

I’m using firebug lite but am really struggling to identify the css line numbers so that I can locate the right code. :(



Using firebug lite on another site using V2.5 shows the css file and line number. The line numbers don’t show when inspecting elements on a site using V4. Any ideas?

It's probably in the scheme.less file or maybe one of the specialist CSS files in the same area. You'll need to create an overrides style with my_changes. [url=“http://docs.cs-cart.com/my-changes”]http://docs.cs-cart.com/my-changes[/url]

Thanks for the replys. I have solved the problem. For others wanting my solution…



I edited (in red) the dropdown.css file on line 255:



ul.dropdown-multicolumns > li.nodrop:hover {

margin-bottom: 1px;

padding: 9px [color=#ff0000]60px[/color] 5px 10px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

background: #fff;



and on line 267:





ul.dropdown-multicolumns > li.nodrop:hover {

margin-bottom: 1px;

padding: 9px [color=#ff0000]60px[/color] 5px 10px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

background: #fff;



Cheers

Dear,

Thank you B4lly.

Someone can explain how really center please?

Regards

DIdnt work for me =(

See this post maybe what you need:

Dear b4lly,



Can you please send me the URL where I can check the current state of your top menu?

[color=#282828][font=arial, verdana, tahoma, sans-serif]I'm trying to display top menu contents like following [/font][/color]

[color=#282828][font=arial, verdana, tahoma, sans-serif]MEN WOMEN VENDORS[/font][/color]

[color=#282828][font=arial, verdana, tahoma, sans-serif]under vendor i need to display all vendor list[/font][/color]



am using multi vendor cs cart



[color=#282828][font=arial, verdana, tahoma, sans-serif]I'd really appreciate the help if anybody has managed this. [/font][/color]