Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1001643
    cabforward
    Participant

    Hi! I need to add the “emergency dial 911 text” to the header, like you see here:
    https://projects.invisionapp.com/share/VP77CILXT#/screens/156324294
    Can you please help?

    #1001647
    cabforward
    Participant
    This reply has been marked as private.
    #1001966
    Joao
    Moderator

    Hi There,

    I wasnt able to see your website with the credentials above provided, but I will try to explain you:

    First of all you need to create a link on your WP-MENU

    Create a Custom link and the Navigation Label will be EMERGENCY<br>DIAL 911

    The url will be: tel:+911

    Please see img attached.

    Once the navbar link is created you need to find out the Menu ID Number, you can do that by inspecting the navbar with the right button of your mouse, on this example My Navbar Menu is #menu-item-533

    http://wpsites.net/tools/find-nav-menu-item-i-d/

    After that you need to go to Appereance Customizer / Custom / CSS and add the following code:

    
    #menu-item-533 a {
    background-color: red !Important; 
    text-align: center;
    color: white; 
    box-shadow: none;
    }
    
    #menu-item-533 a:hover {
    background-color: #d93220 !Important; 
    text-align: center;
    color: white; 
    box-shadow: none
    
    }
    

    **Adjusting the ID number on the code according to your website, you also can adjust the background color of the normal (now set to red ) and hover state (now set to #d93220 )

    Hope that helps,

    Joao

    #1002543
    cabforward
    Participant
    This reply has been marked as private.
    #1002689
    Christopher
    Moderator

    Hi there,

    Upon checking your site, I noticed you didn’t add provided code in previous replay.Please implement the code we provided in previous replay and let us know if you need further assist.

    Thanks.

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