How to add text below social link icon /above the header

Sparkling
1

Hi,

  1. hope you can help me , I would like to add custom text in the wrapper (above the header, just below facebook logo),
    i would like to have mail and cellphone).

I’ve tried colorlib-plugin15 plugin, I can see the phone, but I can change font size, and color through CSS, but I can’t make mail address clickable or to make mail on one line and phone on second line.

  1. How can I make the wrapper space above social icons smaller?
    Thank you in advance,I will appreciate if you can help me.
    Regards,
    Hristo
2

Hi Hristo,

I hope you are well today and thank you for your questions.

1. hope you can help me , I would like to add custom text in the wrapper (above the header, just below facebook logo), i would like to have mail and cellphone).

I’ve tried colorlib-plugin15 plugin, I can see the phone, but I can change font size, and color through CSS, but I can’t make mail address clickable or to make mail on one line and phone on second line.

You have to develop custom code to achieve this.

Developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

2. How can I make the wrapper space above social icons smaller?

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Best Regards,
Movin

3

Hi Movin,
and thank you for your answer.

Link to web site is: www.art.royana-bg.com
Thank you
Hristo

4

Hi All,

I found a way to do 1 , may be it will be interesting for some of you:
in header-extensions.php you can add after line:

<?php travelify_socialnetworks( $flag ); ?>
following:

[email protected]
123-123-1234
</div>

Reg
Hristo

5

You can remove the header empty space by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

#branding > .container {
    display: none;
}
6

Hi Movin,

thanks , works great. Is there a simple way to display 10px instead of none?

Thank you
Hristo

7

Sure you can do that using below custom CSS code.

#branding {
    padding-top: 10px;
}
8

Thank you!
I am very impressed with your prompt and quick answers, Movin!
Reg
Hristo

9

You are most welcome here :slight_smile: