www.webdeveloper.com
Results 1 to 3 of 3

Thread: Nav bar display issue

  1. #1
    Join Date
    Jul 2012
    Posts
    2

    Nav bar display issue

    I recently installed self-hosted wordpress theme for a client and have added custom css to create the look she wanted, but there is something janky with the nav bar (and it was this way when I installed the theme).

    The main navigation buttons expand on hovering, but only the ones associated with a drop-down menu. They expand to fit the max width of the drop-down. I want the parent menu items to stay the same width, auto-sizing to their singular content, without inheriting any sizing from the dropdown menu items. I looked at the css, and fiddled with it in Firebug to no avail, but am drawing a blank and something in the back of my brain says I'm just missing something totally obvious. I've only been working with CSS for about 3 years, so you'd think something this simple wouldn't be a problem, but I've contracted a case of the derps or something, I guess.

    The website is http://dodiejacobi.com

    Any help from a fresh pair of eyes would be greatly appreciated.

  2. #2
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    You have rather a lot of styles embedded in the HTML, added with your "Custom CSS Manager Plguin". This block is over-ruling the absolute positioning in your .css file:
    Code:
    #nav ul ul {
    	position: relative;
      	margin-top:0px;
    }
    Every fight is a food fight when you’re a cannibal.

  3. #3
    Join Date
    Jul 2012
    Posts
    2
    Ah ha! Right, the relative positioning is where I went all wrong. Thanks oh so much, David! It's all fixed now.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles