1

Im very new to Magento - first time actually.

We had outsourced to other developers to change my nav bar to what it is currently

http://flavourdevelopment.co.za/

Please tell me how to change it to a normal thin nav bar like most sites?

Basically i just want to get rid of the blocks and have a normal bar

I have tried to edit the css and i only get as far as changing the sf-menu (seems to be the only one that makes any difference) from a height of 110 to 50px but the blocks do not resize to fit in the container - i see the container hs infact changed but the menu stays the same - i tried changing the LI elements but this is not a solution at all - And regarding your comment - no one is asking you to solve my problem i was asking if anyone knows how to do it as I am new - all i need is a direction. I am a long time member of stackexchange and know very well how things work thanks.

  • 1
    Hi Ant and welcome to MageOverflow. Please understand, that we don'T solve your problems. We only help. So please describe what you have tried and what doesn't work, so we can tell you what is wrong with the approach. – Fabian Blechschmidt Oct 23 '14 at 9:48
  • Ok cool - i have tried to edit the css and i only get as far as changing the sf-menu (seems to be the only one that makes any difference) from a height of 110 to 50px but the blocks do not resize to fit in the container - i see the container hs infact changed but the menu stays the same - i tried changing the LI elements but this is not a solution at all - And regarding your comment - no one is asking you to solve my problem i was asking if anyone knows how to do it as I am new - all i need is a direction. I am a long time member of stackexchange and know very well how things work thanks. – anthonytherockjohnson Oct 23 '14 at 9:59
1

This seems to be more of a CSS question. You said in a comment that you that you "tried changing the LI elements but this is not a solution at all" -- not sure what you mean by that; in fact that is part of your solution.

The stylesheet you need to look at is skin/frontend/default/theme219k/css/superfish.css, and look into updating .sf-menu li rule:

enter image description here

And .sf-menu li a rule:

enter image description here

The real problem of height comes from the anchor padding. I highlighted the list item CSS because if you want a "solid bar" you may also have to strip out borders and margin.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.