Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #972932

    Hi guys,

    I would like to add a phone number on the main header, but in a secondary row under the social icons. Like the image attached.
    PS: I’m working on a localhost

    Best regards.-

    example

    • This topic was modified 6 years, 6 months ago by sir4you.
    #973140

    Hey sir4you,

    Maybe you could try to add it using a widget in the header? https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    #977485

    Hi Rikard

    I really tried to follow that guide but without succeed. So in order to be able to receive more help I put my website online (http://onepy.group/).

    Best regards.-

    #977754

    Hi,

    Thanks for the update.

    Use this code in the functions.php file to add a phone number inside the main header area. You may need to add some css to adjust the style of that particular container.

    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
      $output = '<div class="custom-phone-number">+1234 23235 2323</div>';
      echo $output;
    }
    

    In the Quick CSS field, use this css “.custom-phone-number” selector..

    .custom-phone-number {
       /* style here */
    }

    Best regards,
    Ismael

    #978226

    Hi Ismael,

    I followed the instructions and the phone number was showed above the social icons. Is there any way to put it under? Like this example number

    Best regards.-

    #978630

    Hi,

    The page does not load at all to me and it looks broken, is something wrong?

    Best regards,
    Basilis

    #979498

    Hi Basilis,

    Please try again. The page its working fine. I don’t know what would have happened, but I didn’t experience any issues on my side.

    Best regards.-

    #979513

    Hi,

    I checked the functions.php file on your site but couldn’t locate the code where you have added. You are not using a child theme which means that the changes you are making now will be lost when you update the main theme.

    1. Please install a child theme https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme
    2. Remove the previous code snippets related to this issue.

    Let us know and we will add the necessary code to your site.

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.