Custom CSS for subcategories of website pages

• 

  gabriellearonas · Member · Jan 18, 2012 at 4:55 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I published two new pages which i wanted to be under the parent page of “flower gallery” on my site. The “child” pages titled WEDDINGS and EDITORIAL instead of appearing as a drop down menu, are popping up on the top left hand side of the home page when I hover over the FLOWER GALLERY link on the home page.

  How do I adjust the CSS to make it a drop down menu.

  Please Help! Thanks so much!

  G!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 18, 2012 at 7:15 pm

  • Copy link

  Add position: relative; to #top div.main-nav

• 

  gabriellearonas · Member · Jan 18, 2012 at 7:22 pm

  • Copy link

  Thanks so much.
  Now it appears horizontally below when I hover over the FLOWER GALLERY.
  How do I make them vertical?

  Thanks so so much!!

  G.

• 

  thesacredpath · Member · Jan 18, 2012 at 7:44 pm

  • Copy link

  You have huge amounts of stuff in your CSS to do with the nav, and there is so much that you have major conflicts happening and I can’t see where that is. It could be that there are several things that are conflicting to cause this.

  The thing is, what you have at the top of your page for your nav is basically what is on the theme as standard, so there really isn’t any need for all that manipulation of the nav stuff.

  My suggestion would be to dump everything from your CSS to do with the nav and then start again from scratch and make any minor tweaks you need and do not add anything that is not specifically needed.