• Creator
    Topic
  • #8480

    Carolyn Lau
    Spectator
    Been thanked: 0 times

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
Replies
  • Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #10007 |

    may I see the website which you have done?

    Carolyn Lau
    Spectator
    Post count: 4
    Been thanked: 0 times
    #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
    Post count: 4
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #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

Viewing 4 replies - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.