Mysterious Margins

4 replies · opened Feb 19, 2021

AairgradeFeb 19, 2021

Hello I read your previous reply to this issue but I have experienced the same issue with the theme adding a 1200 additional margin to the footer. I found the issue to be with the application of the javascript to the bottom of the theme. I will attach a loom video so you can see the issue.

-https://www.loom.com/share/79f21c3d44144ac58fd91497c61bc313

Description shows with and without javascript code at bottom of the theme and how it affects footer

AairgradeFeb 19, 2021

After further testing the issue seems to stem from the <script src="/js/functions.js" data-ve-id="280"></script> file. If you remove the attach from that file then the margin issue goes away. But the file stops a lot of processes from happening. Please check on that file. I am not the only one having the same issues with this new purchased theme. Please look into your coding for that file.

thanks

AairgradeFeb 19, 2021

This seems to be possible source of the problem in functions.js

stickFooterOnSmall: function(){
$footer.css({ 'margin-top': '' });
let windowH = $window.height(),
wrapperH = $wrapper.height();

		if( !$body.hasClass('sticky-footer') && $footer.length > 0 && $wrapper.has('#footer') ) {
			if( windowH > wrapperH ) {
				$footer.css({ 'margin-top': ( windowH - wrapperH ) });
			}
		}
	}

};
SSemicolon WebSTAFFFeb 20, 2021

Hello,

We have checked out your Website's Codes and there many elements that are outside the #wrapper DIV which is causing this issue. Please make sure that the Content of your Website are inside the #wrapper DIV according to the HTML Structure: http://docs.semicolonweb.com/docs/getting-started/html-structure/.

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard