• Resolved myndsyn

    (@myndsyn)


    Hi,

    I would like to put the social icons beside the search on top menu. What should I do?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi myndsyn. Welcome to the Hueman forum. You’ll need to modify one theme file and add some custom CSS.

    1. If you’re not currently running a child theme, install one as described here:
    https://docs.presscustomizr.com/article/239-using-a-child-theme-with-hueman

    2. Using you host cPanel file manager or FTP, copy file header.php from the parent theme to your child theme.

    3. Locate this code near the top of the file:

    <div class="container">
     <div class="container-inner">
        <div class="toggle-search"><i class="fa fa-search"></i></div>
        <div class="search-expand">

    4. Add the social links line:

    <div class="container">
     <div class="container-inner">
    
        <?php hu_print_social_links(); ?>
    
        <div class="toggle-search"><i class="fa fa-search"></i></div>
        <div class="search-expand">

    5. Add this to your child theme style.css file:

    /* position social icons in topbar */
    #nav-topbar .social-links {
        position: absolute;
        right: 60px;
        top: -40px;
    }
    
    /* move left when menu collapses */
    @media only screen and (max-width: 719px) {
        #nav-topbar .social-links {
    	left: 60px;
    	top: 10px;
        }
    }
    Thread Starter myndsyn

    (@myndsyn)

    Hi bdbrown,

    this works like a charm. Thank you.

    You’re welcome; glad it’s working. If you don’t need any further assistance with this topic please mark it as Resolved. Thanks.

    Thread Starter myndsyn

    (@myndsyn)

    Hi bdbrown,

    That would be all. Thanks again

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘social media links on’ is closed to new replies.