Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

How to make the text in navigation menu align center vertically
 
ericpg
Jr. Member
 
Total Posts:  9
Joined:  2012-02-25
 

Hi,

I increased the Height of the navigation menu from #nav { height : 48px;}

But I can’t make the text align center vertically, pleas help.

Thanks

 
Magento Community Magento Community
Magento Community
Magento Community
 
MagenX
Enthusiast
 
Total Posts:  791
Joined:  2008-05-26
Dublin
 

please use chrome inspec element function
to find and edit css and html
then apply your modifications to your css file

send me link to your site, i will show you how to do this

thank you

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pulkit Seth
Sr. Member
 
Avatar
Total Posts:  107
Joined:  2011-08-18
 

hi…

Can you please mention the link of your website....

Thanks

 
Magento Community Magento Community
Magento Community
Magento Community
 
ericpg
Jr. Member
 
Total Posts:  9
Joined:  2012-02-25
 

It\’s still on test (wamp) server. Here is the view soruce output and picture attached.

<div class=\"nav-container\">
    <
ul id=\"nav\">
        <
li  class=\"level0 nav-1 first level-top parent\"><a href=\"http://127.0.0.1/magetw/index.php/furniture.html\"  class=\"level-top\" ><span>Furniture</span></a><ul class=\"level0\"><li  class=\"level1 nav-1-1 first\"><a href=\"http://127.0.0.1/magetw/index.php/furniture/living-room.html\" ><span>Living Room</span></a></li><li  class=\"level1 nav-1-2 last\"><a href=\"http://127.0.0.1/magetw/index.php/furniture/bedroom.html\" ><span>Bedroom</span></a></li></ul></li><li  class=\"level0 nav-2 level-top parent\"><a href=\"http://127.0.0.1/magetw/index.php/electronics.html\"  class=\"level-top\" ><span>Electronics</span></a><ul class=\"level0\"><li  class=\"level1 nav-2-1 first\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/cell-phones.html\" ><span>Cell Phones</span></a></li><li  class=\"level1 nav-2-2 parent\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/cameras.html\" ><span>Cameras</span></a><ul class=\"level1\"><li  class=\"level2 nav-2-2-1 first\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/cameras/accessories.html\" ><span>Accessories</span></a></li><li  class=\"level2 nav-2-2-2 last\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/cameras/digital-cameras.html\" ><span>Digital Cameras</span></a></li></ul></li><li  class=\"level1 nav-2-3 last parent\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers.html\" ><span>Computers</span></a><ul class=\"level1\"><li  class=\"level2 nav-2-3-1 first\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/build-your-own.html\" ><span>Build Your Own</span></a></li><li  class=\"level2 nav-2-3-2\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/laptops.html\" ><span>Laptops</span></a></li><li  class=\"level2 nav-2-3-3\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/hard-drives.html\" ><span>Hard Drives</span></a></li><li  class=\"level2 nav-2-3-4\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/monitors.html\" ><span>Monitors</span></a></li><li  class=\"level2 nav-2-3-5\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/ram-memory.html\" ><span>RAM Memory</span></a></li><li  class=\"level2 nav-2-3-6\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/cases.html\" ><span>Cases</span></a></li><li  class=\"level2 nav-2-3-7\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/processors.html\" ><span>Processors</span></a></li><li  class=\"level2 nav-2-3-8 last\"><a href=\"http://127.0.0.1/magetw/index.php/electronics/computers/peripherals.html\" ><span>Peripherals</span></a></li></ul></li></ul></li><li  class=\"level0 nav-3 level-top parent\"><a href=\"http://127.0.0.1/magetw/index.php/apparel.html\"  class=\"level-top\" ><span>Apparel</span></a><ul class=\"level0\"><li  class=\"level1 nav-3-1 first\"><a href=\"http://127.0.0.1/magetw/index.php/apparel/shirts.html\" ><span>Shirts</span></a></li><li  class=\"level1 nav-3-2 parent\"><a href=\"http://127.0.0.1/magetw/index.php/apparel/shoes.html\" ><span>Shoes</span></a><ul class=\"level1\"><li  class=\"level2 nav-3-2-1 first\"><a href=\"http://127.0.0.1/magetw/index.php/apparel/shoes/mens.html\" ><span>Mens</span></a></li><li  class=\"level2 nav-3-2-2 last\"><a href=\"http://127.0.0.1/magetw/index.php/apparel/shoes/womens.html\" ><span>Womens</span></a></li></ul></li><li  class=\"level1 nav-3-3 last\"><a href=\"http://127.0.0.1/magetw/index.php/apparel/hoodies.html\" ><span>Hoodies</span></a></li></ul></li><li  class=\"level0 nav-4 level-top\"><a href=\"http://127.0.0.1/magetw/index.php/beauty.html\"  class=\"level-top\" ><span>美容保養品</span></a></li><li  class=\"level0 nav-5 last level-top\"><a href=\"http://127.0.0.1/magetw/index.php/health-food.html\"  class=\"level-top\" ><span>保健食品</span></a></li>    </ul>
</
div>
Image Attachments
text.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
ericpg
Jr. Member
 
Total Posts:  9
Joined:  2012-02-25
 

anyone can help? Please.

 
Magento Community Magento Community
Magento Community
Magento Community
 
itenred
Jr. Member
 
Total Posts:  1
Joined:  2012-10-22
 

try css property:

text-align:center;

good luck

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top