mobile view help

  • panospibby

    (@panospibby)


    4 years ago

    Hello,

    can someone help me to move the image of product at the center of the screen
    and under of the title but this change i won’t to apear the desktop view.

    https://prnt.sc/vi7rx9

    thank you!
    Pibby

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hi there,
    the problem of the image not centered is a css you have in your customize ( https://www.screencast.com/t/t2ZHiAgViQ) you should remove this.

    For the otehr request, in order to move the image you can try this code:

    jQuery( function($) {

  mobile = $(window).width();
  if ( mobile <= 768 ){
    jQuery( ".product_title.entry-title" ).insertBefore( ".woocommerce-product-gallery" );
jQuery( ".woocommerce-breadcrumb" ).insertBefore( ".woocommerce-product-gallery" );
  }

} );
    Thread Starter panospibby

    (@panospibby)

    Hi!!

    thank you very much the first piece worked, my mistake.

    Regarding the change of position, to which file should I add the code you sent me?

    Thank you
    Pibby

    Theme Author YITHEMES

    (@yithemes)

    To add the javascript code in notime and without any coding skill, you can install this plugin named “Insert Headers and Footers” and then add the code we provided you in Dashboard -> Settings -> Insert Headers and Footers -> Scripts in Body

    <script>
jQuery( function($) {

  mobile = $(window).width();
  if ( mobile <= 768 ){
    jQuery( ".product_title.entry-title" ).insertBefore( ".woocommerce-product-gallery" );
jQuery( ".woocommerce-breadcrumb" ).insertBefore( ".woocommerce-product-gallery" );
  }

} );
</script>
    Thread Starter panospibby

    (@panospibby)

    You are so amazing!!!

    thank you one more time.

    You save me.!

    The best support of wordpress ever

    Thanks,
    Pibby

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘mobile view help’ is closed to new replies.