• Closed
  • Carolyn Lau
    Spectator
    June 11, 2014 at 4:57 pm #8480

    Hi Roman,

    How do I make the menu wider? I tried using “padding” coding and it worked. However, when my menu is hover, the background color did not fully worked. Any advise will be appreciated. Thank you!

    Roman
    Spectator
    Posts: 3147
    June 12, 2014 at 5:08 pm #10007

    may I see the website which you have done?

    Carolyn Lau
    Spectator
    Posts: 4
    June 12, 2014 at 9:19 pm #10019

    Sure! This is my website: http://www.carolynlau.com

    I am using ul.nav-menu li { padding-left:10px; padding-right: 9px;} to make the menu look wider. I’m not sure if this is the correct coding to make it wider?
    When you mouseover “course artifacts” and hover over the sub menu, the color suppose to cover the entire background but it is not.
    On another note, which code should I use to make my submenus not word wrap? I want them to be in one line.

    Thank you.

    Carolyn Lau
    Spectator
    Posts: 4
    June 12, 2014 at 11:12 pm #10020

    Alright, I have another issue. When I click on “Course Artifacts” and in the page itself, my arrow in the menu is no longer in sight. Help! Thank you.

    Roman
    Spectator
    Posts: 3147
    June 13, 2014 at 8:52 pm #10026

    the correct code is

    Code:
    ul.nav-menu ul li a,.link-effect .sub-menu a { padding-left:20px!important; padding-right: 20px!important;word-wrap:normal!important;}

    try to build the menu with custom menu