Okay
  Public Ticket #1244122
Adding Phone # to header
Closed

Comments

  • HealthEnsure started the conversation

    Hello! I am really in need of adding a phone number to the right-hand side of my head on my home page.. I have searched through everything and I am unsure of how to add a phone number there. 


    It says my URL is invalid... which doesn't make sense. But it is: https://healthensure.com

  •  9,013
    Tahir replied

    Hey Jillian,

    Please have a look at this Article :Add Phone-Number/Email in secondary menu with icon

    Thanks 


    ThemeNectar Support Team 

  • HealthEnsure replied

    Hello Tahir, 

    thank you for your response!

    I was able to get the code to work, but experienced a couple of issues. The font and icon for the phone number are a lot smaller than I would like them, how can I increase the size?

    I also noticed that my social icon buttons moved to the secondary header when I added this code, but I would prefer the social icons to stay on the original/ main header; how can I accomplish this?

    Thanks for your help!

    -Jillian

  • HealthEnsure replied

    P.S. I would also like the "secondary header" to go underneath the main header instead of on top.

    Thanks again!

    -Jillian 

  •  9,013
    Tahir replied

    Hey Again,

    -When using the Secondary Header the Social icons cant stay in the Main Header.

    -Secondary Header is designed to be above main header and not vice versa .

    Try using this option instead to add Phone Number : http://themenectar.com/docs/salient/pull-right-nav-items/ .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #header-secondary-outer nav >ul >li >a {
        font-size: 21px!important;
    }

    Thanks


    ThemeNectar Support Team 

  • HealthEnsure replied

    Tahir,

    Thank you so much! This is exactly what I was looking for! :)

    Just two little glitches that I noticed.

    There is a small gap to the right of the call button, I want to push it all the way to the right. 

    I also notice that the header resizes as I scroll, causing my logo and new phone call button to "hang" below the header. I just want to know how to turn off that resize option as I scroll; I want to leave the padding on the header. 

    You can see these glitches in the pictures I've attached or here: www.HealthEnsure.com

    Thanks again for all your help, it's looking SO much better!!

    -Jillian

  •  9,013
    Tahir replied

    Hey Again,

    You can turn off the animation in here: http://prntscr.com/fy115c  . 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #header-outer[data-full-width="true"] header >.container, #header-secondary-outer[data-full-width="true"] >.container {
        padding: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • HealthEnsure replied

    Couldn't be happier; thank you!

  • jimmywild1 replied

    Sorry to jump in on this but I'm having an issue related to this.

    I can't get the number to appear below or above only overlap.

    What am I doing wrong?

    http://imgur.com/2JfCbP4

  •  9,013
    Tahir replied

    @Jimmywild1 Try adding the menu to the Secondary Header Location instead of the Pull Right Nav Location . 

    B.est


    ThemeNectar Support Team