Editing Drop-down Submenus in Imbalance 2

  • Author
  • #1292431



    My blog’s theme customisation has taken a lot of inspiration from http://thepatternedpress.wordpress.com

    What I would like to do is create a drop-down menu and edit it. Under my About Me menu I have added a sub-menu (a page) called About This Blog. I’ve been trying to edit this submenu so that it would appear as one line instead of 2 but the codes I’ve tried don’t seem to work. Can anyone help me with the CSS coding, please?

    Also, how do I make the Menu Tabs change into a background colour when I hover over them?

    I hope that makes sense. This is my first time blogging & learning about CSS.

    Thank you.

    The blog I need help with is kheyansory.wordpress.com.



    I see you’ve added a few additional menu items since posting initially. Now that you have multiple submenu items of varying lengths, showing each on its own single line will make the dropdown very wide.

    With the items you have in the menu now, this CSS snippet should cause each to appear on its own line:

    .menu #menu-item-1400 ul li { width: 180px; }

    Note that if you add additional submenu items that are longer than the “My Instagram @kheyansory” link, you’ll need to increase the width accordingly.

    Another option is to set the width to 100%. When I did so, the submenu items were still on multiple lines, but had a more uniform block appearance. The code snippet below will illustrate that.

    .menu #menu-item-1400 ul li { width: 100%; }

The topic ‘Editing Drop-down Submenus in Imbalance 2’ is closed to new replies.