Customizing submenus

  • Resolved angelebaby

    (@angelebaby)


    11 years, 1 month ago

    Hi there,

    I am trying to customize my submenus. My site is: http://angelebaby.com.

    I have a tw questions:

      • How do I get rid of the blue background color when I hover over the links? Ideally I want them to look like they’re just floating, I don’t want to see the surrounding box.
      • Is it possible to get rid of the downwards arrow next to the submenus? (like the down arrow next to Social and Places)

    Thank you!
    Isabelle

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter angelebaby

    (@angelebaby)

    11 years, 1 month ago

    I have an additional question – is it possible to edit the “Read More” link as it shows up? Make it a different color, center it and change font size?

    Thanks 🙂

    CrouchingBruin

    (@crouchingbruin)

    11 years, 1 month ago

    Add this to the end of your child theme’s style.css file:

    @media screen and (min-width: 800px) {
   .site-navigation .page_item_has_children a:after,
   .site-navigation .menu-item-has-children a:after {
      content: none;
   }

   .site-navigation ul.menu ul a:hover,
   .site-navigation ul.menu ul a:focus,
   .site-navigation .menu ul ul a:hover,
   .site-navigation .menu ul ul a:focus {
      background-color: transparent;
   }
}
a.more-link {
   color: #ff0000;
   font-size: 16px;
   display: table;
   margin: 0 auto;
}

    The first rule inside the media query hides the down arrow in the menu.

    The second rule inside the media query sets the menu item background to transparent instead of blue.

    The last rule styles the Read More link. Adjust the color value & font size to your liking.

    Thread Starter angelebaby

    (@angelebaby)

    11 years, 1 month ago

    Perfect thank you!

    Thread Starter angelebaby

    (@angelebaby)

    11 years, 1 month ago

    Just marking as reolved 🙂

    Thread Starter angelebaby

    (@angelebaby)

    11 years, 1 month ago

    x

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

The topic ‘Customizing submenus’ is closed to new replies.

Tags