Title: menu css problems
Last modified: August 31, 2016

---

# menu css problems

 *  [tigron](https://wordpress.org/support/users/tigron/)
 * (@tigron)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/menu-css-problems/)
 * I am having some problems getting some graphics I created to show in place of
   the menu items. I created classes for each menu item and created the css to grasp
   those classes. Some of the items that should work are overriden.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335425)
 * Site Link?
 *  Thread Starter [tigron](https://wordpress.org/support/users/tigron/)
 * (@tigron)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335436)
 * [http://www.tigronconsulting.com/123mangotree](http://www.tigronconsulting.com/123mangotree)
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335445)
 * You’re using invalid CSS. The solution starts with:
 *     ```
       .navbar .nav li.free_download.btn {
           position: relative;
           bottom: 10px;
           padding: 2px;
           line-height: 19px;
           vertical-align: middle;
           background-image: url('/images/author.png');
       }
       ```
   
 * But you need to sort out the path to the image.
 *  Thread Starter [tigron](https://wordpress.org/support/users/tigron/)
 * (@tigron)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335543)
 * Thanks so much. That worked. My graphic is larger than that area. Any suggestions?
 *  [rodinux](https://wordpress.org/support/users/rodinux/)
 * (@rodinux)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335582)
 * You can try somrthing like :
 *     ```
       .btn-block, .nav-header, .nav > li > a {
           width: 120px;
       }
       .navbar .btn, .navbar .btn-group {
           margin-top: 20px;
       }
       ```
   
 * But it is not responsive as well, It seems to be hard all this classes for your
   menu nav-bar… The last box seems to be bigger, it is strange it seems you have
   a ul li which repeat the boxes…
 *  Thread Starter [tigron](https://wordpress.org/support/users/tigron/)
 * (@tigron)
 * [10 years ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335617)
 * [@rodinux](https://wordpress.org/support/users/rodinux/), thanks that was exactly
   what I needed to get it looking somewhat right. I still need to remove the text,
   background color and get the rollovers workiong but I’m off to a great start.
 * I’ve been trying to combine @redellconsunlting’s responsive code with yours to
   no avail so far but I’ll put some more time to it.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘menu css problems’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [tigron](https://wordpress.org/support/users/tigron/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/menu-css-problems/#post-7335617)
 * Status: not resolved