Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1289685
    Debbie L
    Participant

    Good evening
    I have a website: http://www.corecider.com.au which has a fixed left navbar.
    Is it possible to have social icons in this navbar area?. They don’t have to be custom icons like those currently
    in the footer. Theme icons would be fine.
    I have attached an image to show where I am referring to.
    I appreciate your assistance.
    Cheers

    #1289695
    Christopher
    Moderator

    Hi there,

    Yes, it’s possible. please check this thread : https://community.theme.co/forums/topic/social-media-icons-in-the-navbar/

    Hope it helps.

    #1290528
    Debbie L
    Participant

    Hi Christopher
    Thanks for your link

    I have decided to use the stage website to get this working so that the “live” site is not interrupted.
    Stage site is http://www.corecider.com.au/stage

    I added the code to the x-child theme – framework -> views ->global- _navbar.php
    Is there any thing else I need to do ? As the facebook icon does not appear in the navbar.

    I appreciate your assistance.
    Cheers

    #1290819
    Friech
    Moderator

    Hi There,

    Add the icons as part of your menu instead. You can use the codes below as your navigation label.

    <i class="x-icon x-icon-facebook" data-x-icon="&#xf09a;" ></i> Facebook
    
    <i class="x-icon x-icon-youtube" data-x-icon="&#xf167;" ></i> Youtube
    
    <i class="x-icon x-icon-instagram" data-x-icon="&#xf16d;" ></i> Instagram

    Hope it helps, Cheers!

    #1290963
    Debbie L
    Participant

    Thanks very much Friech .. that works a treat ….

    Is there a way to move the menu tabs closer together ….?
    On a laptop I am losing the bottom menu tabs and can’t view them to select them
    Also …
    Is there a way to have the social media menu tabs to open in a new window ??

    I appreciate your assistance.
    Cheers

    #1290982
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar .desktop .x-nav > li > a {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    Check the box ‘Link Target’ from ‘Screen options’ panel located on top right. Then check the box ‘Open link in a new tab’ under each menu item.

    Hope that helps.

    #1291015
    Debbie L
    Participant

    Thanks for your help …. works very nicely …. easy when you know how.
    Incredible support once again … couldn’t do it without you guys!

    Cheers from Oz

    #1291019
    Paul R
    Moderator

    You’re welcome! 🙂

  • <script> jQuery(function($){ $("#no-reply-1289685 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>