WordPress.org

1. winger15mk
   Member
   Posted 1 year ago #

   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

2. digitalnature
   Member
   Posted 1 year ago #

   something like this:

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

   you might need to change the margin value...

3. winger15mk
   Member
   Posted 1 year ago #

   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

4. winger15mk
   Member
   Posted 1 year ago #

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

   Thanks!

5. digitalnature
   Member
   Posted 1 year ago #

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

6. winger15mk
   Member
   Posted 1 year ago #

   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!

7. digitalnature
   Member
   Posted 1 year ago #

   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.

8. winger15mk
   Member
   Posted 1 year ago #

   Ahh that works now! Thanks so much!

9. techteenager
   Member
   Posted 1 year ago #

   @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

10. pastorbobsteele
    Member
    Posted 1 year ago #

    @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

Topic Closed

This topic has been closed to new replies.