Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • January 19, 2017 at 9:43 pm #736105
    vegasft

    I have read many threads without a solution. I need to have the sidebar above the content on mobile devices. I have all sidebars set to left but still shows below the content. I have the checkbox marked to show sidebars on mobile.

    Thank you!

    • This topic was modified 7 years, 11 months ago by vegasft.
    January 24, 2017 at 9:45 am #737622
    Ismael

    Hi vegasft!

    Thank you for using Enfold.

    Please add code in the functions.php file.

    add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		if( $(window).innerWidth() >= 768) return;
		$('.sidebar').insertBefore('.av-content-small');
	}

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

    Cheers!
    Ismael

    January 27, 2017 at 1:28 pm #739352
    chrrok

    Hi,

    I have exactly the same issue. I have all sidebars set to left but still shows below the content. I have the checkbox marked to show sidebars on mobile.

    I have pasted the code on the bottom of functions.php but the sidebar is still being displayed below the content
    Can you please advise?

    Thank you,

    January 27, 2017 at 6:58 pm #739524
    vegasft

    Hi chrrok. Not sure as the above worked for me…

    January 27, 2017 at 11:12 pm #739626
    chrrok

    Hi vegasft,

    Ok, I’ve checked that on shrinked desktop browser and it didn’t work.
    However when I open the website on mobile, then it resolves correctly.

    February 1, 2017 at 5:19 am #740978
    Rikard

    Hi @chrrok,

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

    Best regards,
    Rikard

    January 12, 2018 at 9:16 pm #896676
    dolandr

    Awesome! Worked!:
    dolanddesign.com

    thanks – love this theme

    January 12, 2018 at 11:16 pm #896714
    Jordan Shannon

    Hey dolandr,

    Did you need help for the site posted above?

    Best regards,
    Jordan Shannon

    April 26, 2018 at 6:50 pm #947407
    Israel Imasuen

    Hello Support,

    Thanks for the above solution to show sidebar above the main content.

    What modification can i make to the above code for the sidebar to show above the content for just a particular page (woocommerce shop page)

    Thank you

    April 26, 2018 at 10:13 pm #947481
    Jordan Shannon

    Hi,

    Please provide a link to the page that you want this script to run on so we can see the ID.

    Best regards,
    Jordan Shannon

    April 27, 2018 at 12:23 am #947536
    Israel Imasuen

    Hello Jordan
    Thanks for the swift respond. Below is the page
    http://test.benurmal.com/book/shop/

    Please note that only this page should have the sidebar above content while other pages sidebar remain below main content.

    Thank you.

    April 27, 2018 at 6:48 pm #948090
    Israel Imasuen

    Hello Support,

    Any update on the above matter?

    Thank you.

    April 28, 2018 at 10:52 pm #948474
    Israel Imasuen

    Hello Support,

    I’m yet to get any feedback on my above request.

    I will appreciate a feedback.

    Thanks

    April 29, 2018 at 5:01 am #948503
    Victoria

    Hi Israel Imasuen,

    Did you use the code given earlier in this thread?

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Best regards,
    Victoria

    April 29, 2018 at 5:44 am #948528
    Israel Imasuen

    Hello Support,

    Thanks for the information. Below is the credentials requested.

    I look forward to your feedback.

    April 29, 2018 at 8:40 am #948565
    Israel Imasuen

    My apologies the site url is wrong

    April 30, 2018 at 12:58 pm #949050
    Victoria

    Hi Israel Imasuen ,

    There was an error in your function. I fixed it. Please check.

    Best regards,
    Victoria

    April 30, 2018 at 3:27 pm #949096
    Israel Imasuen

    Hello Support,
    Thanks for the update but what i wanted is for the shop page only to have it sidebar above main content while other pages sidebar remain below content. At the moment all pages are having their sidebar above content.

    Kindly review.

    Thanks

    April 30, 2018 at 7:28 pm #949169
    Israel Imasuen

    Hello Support,

    The sidebar is meant for mobile view only but right now it’s on top on desktop view.

    Kindly review

    May 1, 2018 at 7:45 am #949410
    Victoria

    Hi Israel Imasuen,

    Please check now.

    Best regards,
    Victoria

    May 1, 2018 at 11:15 pm #949734
    Israel Imasuen

    Hello Victoria,

    I’m indeed grateful for the assistance, thank you so much.

    Also, just thinking if it’s a good idea for the solution to be pasted here so that others that might want similar support doesn’t have to create a new ticket or border support for already available solutions.

    Well, you might want to say that such support is only meant for those that actually paid for the theme, I agree with that and i think the solutions can be under lock for those that have login to view it. (just my thought)

    Thanks once more.

    May 2, 2018 at 7:51 am #949874
    Victoria

    Hi Israel Imasuen,

    Glad you got it working for you! :)

    Please, feel free to post the solution here, if you deem so necessary.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 2, 2018 at 4:12 pm #980137
    sabsasa

    Hello Israel Imasuen/Support!
    It would be kind if you could post or tell the solution for moving the sidebar on top of mobile devices only for shop pages.

    Thank you!
    Kind regards
    Bine

    July 3, 2018 at 2:40 am #980356
    Vinay

    Hi,

    Please check the documentation for code snippets to move the sidebar on top.

    NOTE: The code can be used to move the default theme sidebar on top but not for the sidebars built with Advanced Layout Builder or other plugins.

    To make the code work only for the shop section please add a shop page class before the CSS selectors.

    Best regards,
    Vinay

    July 5, 2018 at 10:16 pm #981758
    Israel Imasuen

    Hello Sabsasa,

    Kindly let me know if you are still in need of the snippet to put the sidebar above for the shop page.

    Thank you.

    July 6, 2018 at 3:57 pm #982113
    sabsasa
    This reply has been marked as private.
  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • You must be logged in to reply to this topic.