[Resolved] Top Bar/Secondary Navigation Area

Home Forums Support [Resolved] Top Bar/Secondary Navigation Area

Home Forums Support Top Bar/Secondary Navigation Area

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #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, 11 months ago by Darron.
    #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;
    }
    #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

    #184849
    Tom
    Lead Developer
    Lead Developer

    Glad I could help!

    There is! Thank you πŸ™‚

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

    Have a great day!

    #184850
    Darron

    Perfect Tom -will head over there now.

    Once again, many thanks

    Darron

    #184856
    Darron

    Topped up my support contribution πŸ™‚

    Will be revisiting no doubt!

    #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!

    #200782
    Marcel

    Hello
    There is posible that topbar to be sticky?

    #200784
    Marcel

    …Also to be contained? πŸ™‚

    #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”.

    #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.

    #200985
    Tom
    Lead Developer
    Lead Developer

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

    #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.

    #201093
    Tom
    Lead Developer
    Lead Developer

    If you have GP Hooks you can add it into the “Before Header” hook πŸ™‚

    #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

Viewing 15 posts - 1 through 15 (of 24 total)
  • You must be logged in to reply to this topic.