Pie charts & skills not displaying properly on mobile phone screens

Hello,

Thank You so much for the Kind Words! We Really Really Appreciate them! We hope to make more feature rich flexible and easy to use updates in the Future. :)

Apologies about the Inconveniences caused regarding this. This is Bug and we are working on it at the moment and will provide you with an Updated Solution shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

Thanks for your Continued Patience and Apologies about the Delays!

The issue appears to be with the sizing function for the Pie Charts. Please find the following code in the js/functions.js File:

if( $body.hasClass('device-xl') || $body.hasClass('device-lg') ){
	element.css({'width':roundSkillSize+'px','height':roundSkillSize+'px','line-height':roundSkillSize+'px'}).animate({opacity:0}, 10);
	element.appear( function(){
		if (!element.hasClass('skills-animated')) {
			var t = setTimeout( function(){ element.css({opacity: 1}); }, 100 );
			SEMICOLON.widget.runRoundedSkills( element, properties );
			element.addClass('skills-animated');
		}
	},{accX: 0, accY: -120},'easeInCubic');
} else {
	SEMICOLON.widget.runRoundedSkills( element, properties );
}

and replace it with:

element.css({'width':roundSkillSize+'px','height':roundSkillSize+'px','line-height':roundSkillSize+'px'}).animate({opacity:0}, 10);
element.appear( function(){
	if (!element.hasClass('skills-animated')) {
		var t = setTimeout( function(){ element.css({opacity: 1}); }, 100 );
		SEMICOLON.widget.runRoundedSkills( element, properties );
		element.addClass('skills-animated');
	}
},{accX: 0, accY: -120},'easeInCubic');

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.