Drop-Down Menu in Sela Theme Not Working

• 

  breecrowder · Member · Dec 24, 2015 at 9:03 pm

  • Copy link
  • Add topic to favorites

  I’m preparing a Sela theme for my blog (not currently up). Unfortunately, the drop-down menu doesn’t appear to be working. Does anyone know why this would be, and is there a CSS solution for this?

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

• 

  breecrowder · Member · Dec 24, 2015 at 9:04 pm

  • Copy link

  I’m also looking to remove the grey lines between blog posts in the master feed list. If anyone has the CSS for that, that would be amazing. :)

• 

  jamiegiannini · Member · Dec 24, 2015 at 10:42 pm

  • Copy link

  Hey there Bree,

  What specific issue are you having with the menu?
  I did a quick test and added a drop down menu to the Sela theme here. Hover over “Blog” and you should see the drop down appear. Is this what you are trying to create?

• 

  jamiegiannini · Member · Dec 24, 2015 at 10:43 pm

  • Copy link

  In order to remove the grey lines between blog posts just add the following CSS:

  .hentry:after {
  	background: none;
  }

• 

  breecrowder · Member · Dec 26, 2015 at 3:49 pm

  • Copy link

  Yes, that is what I’m trying to create. My current site has a drop-down menu, so I figured it would just transfer over to the new site. The drop down doesn’t work. I hover over the word and nothing drops down.

• 

  breecrowder · Member · Dec 26, 2015 at 3:53 pm

  • Copy link

  The removing of grey lines worked great! Do you know how to now reduce that white space? :)

• 

  jamiegiannini · Member · Dec 26, 2015 at 9:54 pm

  • Copy link

  Double check your menu set up screen to ensure it contains the correct sub menus you want displayed. It should look similar to this

• 

  jamiegiannini · Member · Dec 26, 2015 at 9:58 pm

  • Copy link

  You want to reduce the margin amount. It’s currently set to 3em, so drop it down to zero and that should tighten things up for you.

  .blog .hentry,
  .archive .hentry,
  .search .hentry {
  	margin: 0 0 0em 0;
  }

• 

  breecrowder · Member · Dec 26, 2015 at 11:23 pm

  • Copy link

  My menus do look as pictured above.

  That coding worked. Thank you!

• 

  breecrowder · Member · Dec 26, 2015 at 11:51 pm

  • Copy link

  Still looking for a drop-down menu solution.

• 

  jamiegiannini · Member · Dec 27, 2015 at 2:09 am

  • Copy link

  Give this a read

  Make a new custom menu following the steps outlined in the doc and it should work.

• 

  breecrowder · Member · Dec 27, 2015 at 5:12 pm

  • Copy link

  Drop-down still isn’t working. Any other solutions?

• 

  jamiegiannini · Member · Dec 27, 2015 at 7:14 pm

  • Copy link

  Can you provide a screenshot of your menu set up?

• 

  breecrowder · Member · Dec 28, 2015 at 1:07 am

  • Copy link

  Screenshot here.

• 

  breecrowder · Member · Dec 28, 2015 at 9:39 pm

  • Copy link

  Issue resolved! Turns out, the drop-down menu was only not working in preview mode. Thank you for all of your help!

• 

  jamiegiannini · Member · Dec 29, 2015 at 8:11 pm

  • Copy link

  You’re welcome, glad it’s working for you now!