Top Bar/Secondary Navigation Area

This topic has 23 replies, 9 voices, and was last updated 4 years, 9 months ago by David.

Viewing 15 posts - 1 through 15 (of 24 total)

1 2 →

Author

Posts
April 6, 2016 at 11:20 pm #184845
Darron
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 **
- This topic was modified 7 years, 7 months ago by Darron.
April 6, 2016 at 11:24 pm #184847
Tom
Lead Developer
Lead Developer
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;
}
```
April 6, 2016 at 11:26 pm #184848

Darron

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

April 6, 2016 at 11:27 pm #184849

Tom
Lead Developer
Lead Developer

Glad I could help!

There is! Thank you 🙂

https://generatepress.com/ongoing-development/

Have a great day!

April 6, 2016 at 11:29 pm #184850

Darron

Perfect Tom -will head over there now.

Once again, many thanks

Darron

April 6, 2016 at 11:31 pm #184856

Darron

Topped up my support contribution 🙂

Will be revisiting no doubt!

April 6, 2016 at 11:31 pm #184857

Tom
Lead Developer
Lead Developer

Wow, thank you so much for that donation, Darron! I really appreciate it, super generous 🙂

Let me know if you need anything!

June 10, 2016 at 8:07 am #200782

Marcel

Hello
There is posible that topbar to be sticky?

June 10, 2016 at 8:08 am #200784

Marcel

…Also to be contained? 🙂

June 10, 2016 at 10:05 am #200833

Tom
Lead Developer
Lead Developer

The Secondary Navigation doesn’t have a sticky option currently.

It can be set to contained in “Customize > Secondary Navigation > Secondary Navigation”.

June 10, 2016 at 2:11 pm #200928

Marcel

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.

June 10, 2016 at 11:39 pm #200985

Tom
Lead Developer
Lead Developer

Maybe something like this will help: https://wordpress.org/plugins/shortcode-in-menus/

June 11, 2016 at 2:27 am #201013

Marcel

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.

June 11, 2016 at 10:37 am #201093

Tom
Lead Developer
Lead Developer

If you have GP Hooks you can add it into the “Before Header” hook 🙂

June 28, 2016 at 3:05 am #205054

Arid

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
Author

Posts