Move social icons to left of menu - by David Henry

This topic has 5 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

  • Avatar: David Henry
    David Henry
    Participant
    March 10, 2016 at 11:41

    Hi Guys,

    I’d like to move the social icons, [share] to the right of the menu on header layout 6. Is this possible?

    David

    4 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 10, 2016 at 11:56

    Hello,

    Sorry, it’s not possible with that layout. In this case you should use Header layout 8 or 10.

    Regards,
    Robert Hall

    Avatar: David Henry
    David Henry
    Participant
    March 10, 2016 at 12:37

    I’m already using the text option in the centre so as an alternative I’ve added this to the header file:

    <div class="collapse navbar-collapse">
    	<?php et_get_main_menu(); ?>
    	<div class="social-icons" >socials go here</div>
    </div>

    and then also this to the css:

    .navbar-collapse.collapse
    {position: relative;}
    .social-icons
    {float: right;height: 58px; width: 130px;position: absolute; right: 0px;top: 0px;border: 1px solid rgba(255,255,255,.5);font-size: 14px;}

    It works well but how can I get the short code to work in the code?

    Avatar: David Henry
    David Henry
    Participant
    March 10, 2016 at 13:48

    BINGO!

    <div class="social-icons menu-social-icons" >
        <?php echo do_shortcode( '[share]' );?>
    </div>
    Avatar: Eva
    Eva Kemp
    Participant
    March 10, 2016 at 13:55

    Hello,

    We’re glad you’ve managed to find the solution.

    Have a nice day.
    Regards,
    Eva Kemp.

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Move social icons to left of menu’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.