Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 24, 2015 at 10:01 am #416963
    asdfasdf

    Hi,

    I used this code to add social share buttons to the side bar menu: http://www.ybemastudios.com

    /* Enable Social Share Buttons Under Main Menu */
add_action( 'ava_after_main_menu', 'enfold_custom_header_share' );
function enfold_custom_header_share() {
	echo do_shortcode( "[av_social_share title='' style='' buttons='']" );
}

    This code places the buttons after the menu and inside the div with id header_main.
    This div does not have a 100% height so I cannot use position absolute to place them at the bottom of the div.

    How can I place the social share buttons at the bottom of the sidebar menu?

    March 24, 2015 at 5:28 pm #417200
    Yigit

    Hi Ewoud!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    March 24, 2015 at 5:37 pm #417209
    asdfasdf
    This reply has been marked as private.
    March 25, 2015 at 9:42 am #417626
    Ismael

    Hi!

    Add this to the Quick CSS field:

    .av_header_sidebar .av-social-sharing-box {
  position: absolute;
  bottom: 0;
}

.html_header_sidebar #top #header_main {
  border-top: none;
  height: 100% !important;
  position: absolute;
  overflow: hidden;
}

.html_header_sidebar #header .container {
  width: 100%;
  height: 100%;
}

    Best regards,
    Ismael

    March 25, 2015 at 9:52 am #417630
    asdfasdf

    Hi Ismael,

    Thank you for your reply but that doesn’t work. http://www.ybemastudios.com
    I needed to add a z-index to make the share box work properly but your code completely removes the menu on mobile view.

    Is there not a way to inject the social bar inside the #header_main rather then after the navigation?

    March 25, 2015 at 5:14 pm #417931
    Yigit

    Hey!

    Please go to appearance > Editor and open helper-main-menu.php file and find

    <div class='header_bg'></div>

    and add following code right above it

    <?php echo do_shortcode( "[av_social_share title='' style='' buttons='']" ); ?>

    Cheers!
    Yigit

    March 25, 2015 at 6:30 pm #418054
    asdfasdf

    Hi Yigit,

    That worked and I added the following to css:

    /* Header Social Share Box Adjustment */
#header .av-social-sharing-box { z-index: 999; position: absolute; bottom: 5px; }
#header .av-share-box .avia-related-tooltip { display: none !important; }

/* Hide Header Social Share Box for Mobile Devices */
@media only screen and (max-width: 767px) {
#header .av-social-sharing-box { display: none; }
}
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How To Add Social Share Buttons To Bottom Of Menu Sidebar’ is closed to new replies.