Sidebar above comments on mobile

[dok1810]

Hi,

I tried to fiend earlier post but I could not find the answer.

I want the sidebar content to be placed above the comments on mobile (or the comments under the sidebar, just how you want to put it)

Example page: https://dokonline.nl/online-marketing-kennisbank/micro-conversies/

Thank you for the reply

[mldarshana]

Hi There,

Thanks for writing in! Could you please try adding the following Javascript code into your Theme Options > Global Javascript area.

jQuery( function($) {

  mobile = $(window).width();
  if ( mobile <= 480 ){
    jQuery(".single-glossary #comments").insertAfter( ".x-sidebar.right" );
  }

} );

Hope that helps.

[dok1810]

Hi @mldarshana,

Thanks that works great! Can you also make it so that it also works if you make your desktop screen small?

Thanks for the great work!

[mldarshana]

Hi There,

You can simply update your mobile break-point.
mobile <= 480

For example you can replace 480 with 979 or 767 as required.

So the whole code would be.

jQuery( function($) {

  mobile = $(window).width();
  if ( mobile <= 979 ){
    jQuery(".single-glossary #comments").insertAfter( ".x-sidebar.right" );
  }

} );

Hope that helps.

[dok1810]

Awsome thanks @mldarshana, you are a great help!

[jade]

You’re welcome.