Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 16, 2016 at 12:33 am #672914
    wtechgr

    Hi there,

    We are trying to build a layout where the middle image stays always on top of the other elements around it. It appears that this is feasible for the two elements (images) that are on the top of the website, while the two elements (images) at the bottom stay on top of that middle image.

    How can we achieve that the middle image stays always on top?

    Best regards

    August 19, 2016 at 5:52 am #674495
    Ismael

    Hey wtechgr,

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    .home #av_section_1 .flex_column_table:nth-child(3) {
    z-index: 99999;
    position: relative;
}

    Best regards,
    Ismael

    August 24, 2016 at 12:38 am #676715
    wtechgr

    Thank you so much for your help!

    Just one last question please. Is it somehow possible for the landing page to keep the same layout also in smaller resolutions, so that the elemets around always keep the “link” with the logo at the center?

    Best regards

    August 29, 2016 at 4:45 am #678742
    Ismael

    Hi,

    Please add this in the functions.php file:

    add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	// disable responsiveness
	function a() {
		var home = $('body').hasClass('home'),
			ww   = $(window).innerWidth();

		if(!home || ww >= 768) return;
		$('html').removeClass('responsive');
	}

	$(window).load(function() {
		a();
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.