Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #632160

    Hello. I have Display in main header area selected. Would like the Social Media Icons and Search Icon to align with the menu, at the right.

    Thank you,
    Ryan

    #633042

    Hey Ryan!

    Please add following code to Functions.php file in Appearance > Editor

    function av_move_social(){
    ?>
     <script>
    jQuery(window).load(function(){
    jQuery("#header ul.noLightbox.social_bookmarks.icon_count_3 li").detach().appendTo('ul#avia-menu')
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'av_move_social');

    Best regards,
    Yigit

    #633193

    Hello. I really dig this piece of code and will use in the future. What I was really looking to do was just move the Social Media icons to the same vertical level of the menu, but not right next to the last menu item. Essentially, just want to move the icons straight down.

    Once the icons are moved, i’m looking to place a custom image in the place the icons currently occupy. Do you have a thread link for how to do that?

    Thank you!

    #633195

    Hi!

    Please apply the code and then let us know. Rest is just CSS :)

    Best regards,
    Yigit

    #633197

    Code applied. I can do the rest with CSS. Thanks.

    If you have any insight into adding a custom image to the right of the logo, in the header…I would appreciate it.

    #633199

    Hi!

    Please add following code to Quick CSS

    #header li.social_bookmarks_linkedin, #header li.social_bookmarks_facebook, #header li.social_bookmarks_twitter {
        float: right;
    }

    Regards,
    Yigit

    #633390

    Will open another thread for the header. We can close this one. THanks!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Social Media / Search Icons – Align Right w/ Menu’ is closed to new replies.