Support » Theme: MesoColumn » Social Share icons invisible on homepage displaying latest posts

Viewing 15 replies - 1 through 15 (of 15 total)
  • Theme Author Richie KS

    (@rkcorp)

    what is the social plugin used?

    The plugin used is “Sassy Social Share”. The left hand side floating social share bar is visible on post pages like http://pmatch.ga/2018/04/19/post-1/ but not on homepage http://pmatch.ga/ displaying the latest blog posts.
    In the plugin’s options, I have already enabled the option/checkbox to display the Floating media bar on the homepage.

    Theme Author Richie KS

    (@rkcorp)

    seem like the plugin use action hook the_content() to show the social button. where the index homepage in mesocolumn use custom the_excerpt()

    add this to functions.php to be able to show one in homepage.

    function meso_add_ss_counter() {
    if( is_home() ) {
     echo do_shortcode('[Sassy_Social_Share type="floating"]');
     }
    }
    add_action('wp_footer','meso_add_ss_counter');

    also need to choose wp-admin->sassy social share->floating interface->Url of the webpage where icons are located (default)

    pmatch

    (@pmatch)

    Thanks for the solution Rickie. It works and the floating social sidebar is now visible on the homepage http://pmatch.ga

    However, there is a margin/visible gap from the left of the screen and the left floating sidebar which is not visible on post pages like http://pmatch.ga/2018/04/19/post-1/. Can you help to remove this marging/gap?

    Theme Author Richie KS

    (@rkcorp)

    try add this custom css

    body.home .heateor_sss_vertical_sharing { padding: 10px 0 !important; }

    pmatch

    (@pmatch)

    Thanks again for your support Richie. After applying this custom CSS, the gap disappears on Desktop but has started to appear while viewing in mobile. Earlier without the custom CSS, the gap was appearing on desktop but not on mobile.

    pmatch

    (@pmatch)

    I just removed the padding all together as below and this works for both desktop and mobile views. What do you say?

    body.home .heateor_sss_vertical_sharing { padding: 0px !important; }

    pmatch

    (@pmatch)

    One more issue – The social share vertical floating bar doesn’t appear on when I navigate to any Category.

    – Appears on home page
    – Appears on post page
    Does not appear on category

    Theme Author Richie KS

    (@rkcorp)

    try modifiy the code to this

    function meso_add_ss_counter() {
    if( is_home() || is_archive() ) {
     echo do_shortcode('[Sassy_Social_Share type="floating"]');
     }
    }
    add_action('wp_footer','meso_add_ss_counter');

    if is_archive() do not work, try is_category()

    Using is_category() doesn’t work. Using is_archive() displays the floating social sidebar on archive page http://pmatch.ga/2018/04/ but not on category pages http://pmatch.ga/category/test-category/.

    Using the conditions together as follows also doesn’t work.

    function meso_add_ss_counter() {
    if( is_home() || is_category() || is_archive()) {
     echo do_shortcode('[Sassy_Social_Share type="floating"]');
     }
    }
    add_action('wp_footer','meso_add_ss_counter');
    Theme Author Richie KS

    (@rkcorp)

    ok the try

    function meso_add_ss_counter() {
    if( !is_single() ) {
    echo do_shortcode('[Sassy_Social_Share type="floating"]');
    }
    }
    add_action('wp_footer','meso_add_ss_counter');

    just in case, you might want to flush cache or refresh browser after any edits.

    !is_single() check also doesn’t work. Still floating social sidebar not visible on Category pages but visible on Archive pages.

    I even combined multiple conditions in the ‘if’ statement as follows but that doesn’t work.

    function meso_add_ss_counter() {
    if( is_home() || !is_single() || is_archive() || is_category()) {
     echo do_shortcode('[Sassy_Social_Share type="floating"]');
     }
    }
    add_action('wp_footer','meso_add_ss_counter');
    Theme Author Richie KS

    (@rkcorp)

    they are showing fine to me in all pages on your site.
    https://s22.postimg.cc/hdzotp3u9/Screenshot-6776565.jpg

    might need to adjust the previous css to

    body.home .heateor_sss_vertical_sharing, body.archive .heateor_sss_vertical_sharing { padding: 10px 0 !important; }

    Hi Richie,

    I even tried incognito tab https://postimg.cc/image/gglgfoxl9/ but I can’t see the floating social sidebar on the categories page even then. It’s strange that you are ale to see the same on Categories page. Even using the above provided CSS by you didn’t work for me.

    I know I have taken a lot of your time and you have already helped me to resolve the homepage issue. Thanks a lot for your great help.

    Hi Richie,

    It has started working now on the category page also. If I am opening the categories page inside a virtual machine it’s not working. But outside the virtual machine it’s working fine which is very strange.

    Many thanks Richie for helping out and resolving the query 🙂

Viewing 15 replies - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.