Making navigation bar ‘sub pages’ rise above bar rather then drop below?

  • Hi guys i am creating a site using the ‘mystique’ theme and im trying to have the sub pages rise above the navigation bar when it is hovered over rather then drop below like they do at the moment.

    No sure whether it is in one of the php files or the css?

    Any help would be greatly appreciated as i have no idea how the navigation bar is made up!

    Thanks

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

  • something like this:

    ul.navigation ul{
  bottom: -100%;
  top: auto;
  margin-bottom: 60px;
}

    you might need to change the margin value…

    Thread Starter winger15mk

    (@winger15mk)

    That didnt work ?? just made the whole thing come apart.

    My current css for that section looks like this:
    ul.navigation ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;}

    Thanks

    Thread Starter winger15mk

    (@winger15mk)

    Can anyone help with this? This is basically the last thing stopping me put the site online!?

    Thanks!

    where did you test my code above?
    can you post a link to your site?

    Thread Starter winger15mk

    (@winger15mk)

    Sorry the website is offline (in maintenance mode) at the moment as i dont want it online until it is finished.

    I tried your code on line 152 of style.css in the directory /wp-content/themes/mystique

    Thanks for your help!

    don’t do that anymore (changing theme files).
    paste the css code I posted above in the theme settings > user css page.

    I assure you that it does exactly what you want.

    Thread Starter winger15mk

    (@winger15mk)

    Ahh that works now! Thanks so much!

    @winger15mk @digitalnature
    Excuse me winger15mk or digitalnature, I am brand new to wordpress, and I know this might sound VERY noobish, but how do you even create a subpage in the menu? I was looking around within settings and can’t figure out how to do so.
    Thanks in advance!
    Matt

    @techteenager

    In your admin menu, create a new page. In the page attributes of the newly created page, change it’s Parent from the default “(no parent)” to the one you wish that new page to be a subpage of. Publish it and that should be about it.

    Regards,
    Bob

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Making navigation bar ‘sub pages’ rise above bar rather then drop below?’ is closed to new replies.