Archived topic
Top Bar/Secondary Navigation Area
23 replies · Started by Darron on April 6, 2016
Morning Tom,
On that latest site I'm working on - see here: http://cartmelluxurycottages.co.uk/
Client has asked if it's possible to create something similar in the top bar/secondary navigation area as per this site: http://www.maggiepuddle.co.uk/ with a telephone number floating left and a email icon (link)as shown on this site or even social icons possibly.
Is this possible do you think? do I need to learn about hooks etc?
Many thanks again Tom
Darron
** edit can see how to add social icons with: <i class="fa fa-facebook"></i> however is it possible to add custom icons/png's etc **
Hi Darron,
You can definitely do this with hooks.
For example, in the Before Header hook:
<div class="above-header-bar">
<div class="grid-container grid-parent">
<div class="grid-50">
Left stuff in here
</div>
<div class="grid-50 right-aligned-area">
Right stuff in here
</div>
</div>
</div>Then some CSS:
.above-header-bar {
padding: 10px;
background: #ccc;
}
.above-header-bar .right-aligned-area {
text-align: right;
}Tom - thank you so much for this (and the speedy reply)
BTW, is there any place to add some extra funds to your account for all the great support?
Darron
Glad I could help!
There is! Thank you :)
https://generatepress.com/ongoing-development/
Have a great day!
Perfect Tom -will head over there now.
Once again, many thanks
Darron
Topped up my support contribution :)
Will be revisiting no doubt!
Wow, thank you so much for that donation, Darron! I really appreciate it, super generous :)
Let me know if you need anything!
Hello
There is posible that topbar to be sticky?
...Also to be contained? :)
The Secondary Navigation doesn't have a sticky option currently.
It can be set to contained in "Customize > Secondary Navigation > Secondary Navigation".
Hello, Tom. Please help me... I have bought a plugin that works with shortcode. I wanna insert in secondary navigation a custom link with this shortcode (facebook messenger icon). Is that possible? Thanks.
Maybe something like this will help: https://wordpress.org/plugins/shortcode-in-menus/
Thanks. I really appreciate how fast you have good solutions for any problem. Price for GeneratePress premium is to small for so great support. Now, if you are not tired with users as me (:)), I will ask another one: I wanna put on my website a Fb button, generated by Fb developer. After Step 1: Choose your App ID and Language, Step 2 is : Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.. and code is:
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ro_RO/sdk.js#xfbml=1&version=v2.6&appId=1613784038912804";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>.
Where insert this code in generattepress? Thanks.
If you have GP Hooks you can add it into the "Before Header" hook :)
Hi Tom,
Have been following your solutions. Already very hopeful that you provide a solution. I am using generate press but have bo clue how to use a vertical slider bar between the left sidebar and the content. Any help would be appreciated.
Thanks in advance
