Show buttons in separate position on mobile devices

Read here how to enable Mashshare in a separate location on mobile devices. For example show MashShare only on top or bottom of a post. Per default this is not possible because we have no setting for this but you can use this little trick:

Create a new div container with php shortcode function in place you want to have your share buttons located:

<div class="mashsb_mobile_buttons"><?php echo do_shortcode('[mashshare]');?></div>

Than use the following custom css to disable the regular buttons and show the new share button container only on mobile devices:

#mashsb_mobile_buttons > .mashsb-container {
display:none;
}

@media only screen and (max-width: 400px){
.mashsb-container{
display:none;
}
#mashsb_mobile_buttons > .mashsb-container{
display:block !important;
}
}

Powered by BetterDocs

Leave a Comment