Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 24, 2017 at 11:59 am #766067
    agencia_taos

    Hi,

    I have a page with a Widget Area filling 1/4 at the left. In that Widget Area i put a “Custom menu”. The final result is to simulate a “fake sidebar” with a menu that works well on computers.

    The problem is on mobile devices that shows first the widget area with the menu, and then the content. It’s possible to move this widget area below the content only in mobile devices? And keep it to the left at normal screens.

    Thanks

    March 25, 2017 at 7:40 am #766541
    Rikard

    Hey agencia_taos,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 27, 2017 at 10:33 am #767303
    agencia_taos

    Yes:

    Flexible Packaging

    March 28, 2017 at 11:54 am #768062
    Victoria

    Hi agencia_taos,

    Please put this code in you functions.php

    
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		if ($.avia_utilities.isMobile) {
			$('.flex_column.av_one_fourth.flex_column_div.first.avia-builder-el-0.el_before_av_three_fourth.avia-builder-el-first').insertAfter('.flex_column.av_three_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-7.el_after_av_one_fourth.el_before_av_section.avia-builder-el-last');
		}
	}

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

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 28, 2017 at 4:29 pm #768268
    agencia_taos

    Ok it works well!

    Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Move Widget area to bottom at mobile devices’ is closed to new replies.