ben-g
2/9/2017 - 8:55 PM

Using jQuery to make html adjustment on page load. Placed in html file immediately following the footer.

Using jQuery to make html adjustment on page load. Placed in html file immediately following the footer.

new_gist_file.html
content_copyfile_download
<?php wp_footer(); ?>
	<script type="text/javascript">
		$(window).on('load', function(){
			var width = $(window).width();
			if ( width > 991 && width < 1200 ) {
				$( ".landing-title" ).parent( ".col-md-8" ).css({
					"position": "relative",
					"top": "-70px"
				});
			}
		});

		$(window).on('resize', function(){
			var width = $(window).width();
			if ( width > 991 && width < 1200 ) {
				$( ".landing-title" ).parent( ".col-md-8" ).css({
					"position": "relative",
					"top": "-70px"
				});

				} else {
					$( ".landing-title" ).parent( ".col-md-8" ).css({
						"position": "relative",
						"top": "0"
					});
				}
			});

	</script>
  </body>
</html>