Social Media icons in Header

Dazzling
1

I would prefer to show the social media menu in the header rather than the footer. Is that a simple thing to do? Your guidance is appreciated.

Regards
Kerry

2

Hi Kerry,

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

You can try achieving this by using the solution posted in the following topic.

https://colorlibsupport.com/t/align-social-icons-at-the-top-next-to-menu-names/#post-40360

Best Regards,
Movin

3

Thanks Movin

Got that working, but having a problem styleing with CSS the code in teh example doesn’t work on the dazzling theme. I want to remove the label and flush it right.

Any suggestions?

Thnaks for your help

Kerry

4

Could you please share me your site URL where it’s happening so that i can help you to style them?

5

Sorry I missed your response.

I have removed the label, but would like to move the social icons either

  1. further to the right
  2. or place the social icons above the menu line and to the right similar to https://colorlib.com/travelify/

The website is http://kmcgovern.com.dev.internet-thinking.com.au/

6

You can move them further to the right by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

.navbar-nav .dazzling-social {
    margin: 0 0 0 1.5em;
}
.navbar-nav .dazzling-social #social li {
    padding: 0;
}
7

Whilst that work, I would prefer more of a gap between the menu & social icons.

Is it easy/possible to place the social icons above the menu like colorlib.com/travelify/?

Thanks

8
Whilst that work, I would prefer more of a gap between the menu & social icons.

Then just increase the value 1.5em in the above shared CSS code.

Is it easy/possible to place the social icons above the menu like colorlib.com/travelify/?

No it is not. To achieve this we have to create child theme of travelify theme and develop custom code in it.

9

No problem, thanks for all your assistance

10

You are most welcome here :slight_smile: