sharing social profiles with large buttons on multiple platforms

Hi Jordan,

thanks for the quick reply.
In the avia layout builder, for layout elements I can find Mobile -> Hide on mobile.
But there is nothing there that lets me hide the section on the desktop.

Greetings

Simon

OK I got it to work.
Color section 1 got section id “mobile-only”, the other color section got “desktop-only”.
Here the css that works

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	#desktop-only {
		display: block !important;
	}
	#mobile-only {
		display: none !important;
	}
}
@media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
	#desktop-only {
		display: none !important;
	}
	#mobile-only {
		display: block !important;
	}
}

After some time I found out that this solution is ok, but not perfect. E.G. when looking at the site on tablets, it will open the browser instead of the installed app.

There is a javascript solution, that tries to load the app and opens the browser if it fails to load the app:
http://stackoverflow.com/questions/13675535/how-to-launch-apps-facebook-twitter-etc-from-mobile-browser-but-fall-back-to-h

But how to add such a javascript function to the icons?