menu customization

• 

  annascherman · Member · Jul 10, 2015 at 1:50 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am trying to edit the sidebar menu of my website (see annascherman.com). Currently, there is a drop down that appears when you place the mouse on top of the parent menu category (only then do the children menu categories appear). Instead, I would like the children to appear at all times, indented slightly below the parent. Is this possible through CSS? Can anyone point me in the right direction?

  Thanks!

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

• 

  jasondayne · Member · Jul 11, 2015 at 12:24 am

  • Copy link

  Hi there!

  No need for CSS. WordPress allows a lot of of customization of menus just from the interface. Go to “Appearance” –> “Menus” and you can create a custom menu then apply it to the main menu for your site. You can put whatever pages you want on it and set up the drop-downs however you’d like.

  Let me know if you have any further questions about this!

  Kind regards,
  Jason

• 

  thesacredpath · Member · Jul 11, 2015 at 1:37 am

  • Copy link

  @annascherman, here is a link to our support page on Custom Menus for your use.

• 

  annascherman · Member · Jul 13, 2015 at 12:06 pm

  • Copy link

  Hi Jason – thanks for the tip. I think maybe my original message was unclear. The thing is, I don’t want drop downs at all. I just want text written on lines, one below each other (think of the gmail interface for example). Is that clearer? I don’t believe on my theme, I am able to get rid of the drop downs without some custom html.

• 

  jasondayne · Member · Jul 13, 2015 at 2:16 pm

  • Copy link

  Good morning!

  Thanks for the clarification! You can use the custom menus to remove all the drop downs if you’d like. So right now your menu looks like:

  About –> Contact
  –> CV
  Selected Work –> Architecture
  –> Graphic Design
  –> Drawing and Painting

  It sounds like you are wanting to make it:

  Contact
  CV
  Architecture
  Graphic Design
  Drawing and Painting

  Is that correct?

  You can do that no problem with the custom menus option.

  Here are detailed directions:
  1. Go to “WP Admin”
  2. Select “Appearance” –> “Menus”
  3. Name your menu in the top right next to “Menu Name” (This is just for reference it won’t appear anywhere.)
  4. Remove any items on the right that you don’t want in your menu by selecting the carrot down and selecting “delete”
  5. On the left column under “Pages” select the tab for “view all”. This will show you all the pages you have on your site.
  6. Check the pages you want to appear on your menu.
  7. And click “add to menu”
  8. You can change the label if you want by selecting the down carrot on any of the menu items that are now appearing on the column on the right.
  9. When the menu has the items on it that you want select “Create Menu”
  10. After you select “Create Menu” a section will appear at the bottom “Menu Settings” with a “Theme Location” option. Select the location where you want your custom theme to appear.

  You can also look at the directions provided by @thesacredpath. Those are probably better than mine.

  Thanks for your patience and I’m sorry if I misunderstood again! Let me know if that’s not what you’re looking for. We’ll get it figured out eventually!

  Kind regards,
  Jason

• 

  annascherman · Member · Jul 13, 2015 at 3:54 pm

  • Copy link

  Ah! Thank you. That is so helpful!

  If I want to change the font to one that is not available through the theme by default, is that a matter of entering some CSS code?

• 

  jasondayne · Member · Jul 13, 2015 at 7:20 pm

  • Copy link

  Awesome!

  Correct! However, if you have premium you can change your font without CSS:
  https://en.support.wordpress.com/custom-design/custom-fonts/

  CSS is what affects the font, though, so you do it that way too. You’ll want to make sure you use fonts provided by WordPress or browser-safe fonts.

  Let me know if you have any questions about that or if that’s not what you were looking for.

  Kind regards,
  Jason

• 

  annascherman · Member · Jul 14, 2015 at 1:29 am

  • Copy link

  Ok cool. So I am almost there in terms of getting my sidebar menu how I would like it to look- is there a way to get rid of the lines that appear in between each menu item? You can see what I mean if you go to annascherman.com

• 

  thesacredpath · Member · Jul 14, 2015 at 1:37 am

  • Copy link

  Hi, this will get rid of all the border lines on your side menu.

  .site-navigation li, .secondary-navigation {
      border: none;
  }