Navigation
Archive / Nav Bar Styling changes
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 27, 2016 at 4:13 pm #1233798
    nadigitaladm1n
    Participant

    Hi!

    I want to make some styling changes to my nav bar

    1. move down the yellow line that appears when hovering over a menu item so its sitting just on top of the words

    2. change the size and color of the drop down menu text, as well as the color of the hover text in the drop down menu

    3. change the drop down menu background color – right now its grey, I want it to be yellow

    thanks 😀

    October 27, 2016 at 4:14 pm #1233799
    nadigitaladm1n
    Participant

    forgot to add a screenshot!

    October 27, 2016 at 7:22 pm #1233960
    Jade
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    October 29, 2016 at 10:01 am #1235911
    nadigitaladm1n
    Participant

    URL is

    http://www.nadigitaladmin.com/

    October 29, 2016 at 11:39 am #1235979
    Thai
    Moderator

    Hi There,

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

    .x-navbar .desktop .x-nav > li > a {
    height: 40px;
    padding-top: 40px;
}
.x-brand {
    margin-top: 5px;
}
.x-navbar .desktop .sub-menu a {
    color: #000;
    font-size: 16px;
}
.desktop .sub-menu {
    background-color: #fdd000;
}

    Hope it helps 🙂

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