Okay
  Public Ticket #207152
Add text to secondary menu
Closed

Comments

  • Julie started the conversation
    May 2, 2014 at 12:00am

    Hi,

    I would like to add some text to my secondary menu - which includes the hours of operation of the business.

    I did exactly as this post says - http://www.organizedthemes.com/add-text-to-navigat...

    but the only problem is it still shows a hover color and still acts like a link!

    Also, I would like the text for the hours of operation to be in white text - and not the green text as the other links I have.

    Any help would be appreciated!

    Here is my website- http://www.mobilewebsitearts.com/chiropractor/

    Thanks,

    Julie

  •  8,839
    Tahir replied
    May 3, 2014 at 1:46pm

    Hey Julie!

    Add this into the Custom CSS box located in your Salient Options panel :

    
body #header-secondary-outer nav > ul > li#menu-item-3030 > a {
    color: #fff !important;
    cursor: default;
}

    Cheers

    ThemeNectar Support Team 

  • Julie replied
    May 3, 2014 at 11:45pm

    Hi Tahir!

    Thanks for the help- that worked (I had to do it again for the other hours using item-3029 and item-3031)!

    I have 2 more questions!

    1.) Is there a way to make the background color for "Call Mira Mesa" and "Call National City" a different color (lets say red) instead of the black on the secondary navigation bar?

    I want the phone number links to stand out and make them look more like buttons when someone looks on the site on their mobile device.

    Or do you have any suggestions on how to add mobile-friendly click-to-call buttons that can appear at the top of the website on a mobile device?

    2.) I added the Revolution slider plugin to my website and added the shortcode for my slides to the text view of the visual editor. However

    there is a white gap between the navigation bar and the slider. Is there a way to rid this gap so the navigation and slider touch?

    Thanks for all the help!

    Julie

  •  8,839
    Tahir replied
    May 5, 2014 at 1:42pm

    Hey Again!

    1:Add this into the Custom CSS box located in your Salient Options panel :

    body[data-header-color="custom"] #header-secondary-outer nav > ul > li#menu-item-2998 > a {
    background: #f00;
}
body[data-header-color="custom"] #header-secondary-outer nav > ul > li#menu-item-2997 > a {
    background: #f00;
}

    2: Add this into the Custom CSS box located in your Salient Options panel :

    .home .container-wrap,.home .project-title {
    padding-top: 26px !important;
}

    Thanks

    ThemeNectar Support Team 

  • Julie replied
    May 9, 2014 at 12:06am

    Thank you Tahir - you are a life saver!