Navigation
Archive / Css Modifications in Menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 2, 2016 at 3:10 pm #909691
    garlicfox
    Participant

    Hello,

    I’m really not sure what this is called but would love to do something similar. Can you tell me if it’s possible using css to make a background to a menu item using xtheme and the built in menu?

    The top is the way it is now, the bottom is what I would love it to look like:
    Example

    May 2, 2016 at 3:44 pm #909755
    Rahul
    Moderator

    Hi,

    Can you share the URL where you’re trying to implement this?

    Thanks

    May 3, 2016 at 7:54 am #910662
    garlicfox
    Participant
    This reply has been marked as private.
    May 3, 2016 at 10:07 am #910887
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    li#menu-item-460 > a {
    padding-top: 18px;
}
li#menu-item-460 > a:hover > span {
    box-shadow: none;
}
li#menu-item-460 > a > span {
    background-color: #00B8FF;
    padding: 8px 10px;
    border-radius: 4px;
}

    Hope it helps 🙂

    May 3, 2016 at 10:13 am #910899
    garlicfox
    Participant

    You guys in support are geniuses! Best support ever from a company… ty.

    May 3, 2016 at 1:42 pm #911257
    Joao
    Moderator

    You are welcome.

    Lets us know if you need further help.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-909691 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>