Adding social to top bar
This topic contains 32 replies, has 5 voices, and was last updated by Giri 8 years, 6 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
April 18, 2017 at 7:58 am #373982
Hi there,
Is there an easy way to add social icons to the top bar? I found this image https://www.google.co.uk/search?q=social+top+bar&rlz=1C1FDUM_enGB491GB492&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjd5JaFxK3TAhWHLsAKHa9JBWkQ_AUICCgB&biw=2560&bih=1261#imgrc=46YZntuvSUhp3M:I could just download a plug in but thought I would ask.
Awesome theme loving it!
ThanksApril 18, 2017 at 8:35 am #373984Hi Marcus,
Yes, you’d need a 3rd party plugin or customization to achieve that.
Thanks!
April 18, 2017 at 8:45 am #373985No worries.
Mark resolved 👍April 27, 2017 at 2:45 pm #375771Hello, we would like to do the same as well on the homepage of our site…
Can you suggest a plugin or custom code?
Thanks
April 27, 2017 at 7:35 pm #375818That really depends on the theme used…
May 7, 2017 at 12:28 pm #377302Hi I would like this and I am using the Supreme theme. I can’t find a plug in?
May 8, 2017 at 5:02 pm #377427Supreme only has 1 main menu where you can’t really add icons, there is no other top bar.
Your best option would be to add them as link and turn them into icons with CSS.
May 8, 2017 at 6:21 pm #377451Yes you some up the issue. Most themes would have this as a standard feature. As such there are virtually no plugins to add this feature.
May 16, 2017 at 10:51 am #378564Hey all,
It is possible to do that if you are only using Directory Starter.
Customizer > Header > Header Top > enable header top.
This section adds that top section and a menu for adding social icons.
You create menu like regular menus, however for the text you need to enter the font awesome icon html for the link text.
For example for facebook, you need to use the text like
<i class="fa fa-facebook-official"></i>In supreme, we redesigned the pages. So that header top section is removed since its ruining the layout.
If you can able to customize the styles by yourself for header top in supreme, then you can get that setting back in customizer by placing this text in code snippet. https://wordpress.org/plugins/code-snippets/
remove_action( 'customize_register', 'sd_dt_remove_header_top_from_customizer', 20); remove_filter('theme_mod_dt_enable_header_top', 'sd_dt_enable_header_top_return_zero');May 16, 2017 at 11:34 am #378569Thanks for following up. Let me add that with code snippets and see how it goes
May 16, 2017 at 11:40 am #378570I added the snippet to code snippet but I cannot see where it it within customizer.
May 16, 2017 at 11:48 am #378571Hi Marcus,
I hope you are using supreme theme. If you have added the code in the snippet and activated it correctly, then you will see a new menu called “Header Top” in customizer
https://www.dropbox.com/s/8xm1cnsw73ikygy/Screenshot%202017-05-16%2017.16.32.png?dl=0
May 16, 2017 at 11:58 am #378574Hi there. The theme I am using is Supreme Directory. I copied your code and added it to snippets. I saved and activated the code. This option is not in the menu. Did I miss something?
May 16, 2017 at 12:06 pm #378575Thats weird.
Can you delete that snippet and paste the code in the bottom of supreme theme’s functions.php file?
Let me know if it still not showing that Header Top menu.
May 16, 2017 at 12:27 pm #378577Yes its there now. Let me work out how to edit that menu. Thanks.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket