Check here to fix Mobile responsive problem

  • Thanks for this awesome plugin.

    The plugin needs some updates to fix some issues.

    1) Code below will fix the responsiveness on small devices:

    @media (max-width:766px){
	.slick-slider{ display: table !important; table-layout: fixed !important; width: 100% !important; } 
}

    Insert the code in your style.css file.

    2) If you are having problem to show the full size image, use code below to remove the margin.
    .product .images .woocommerce-product-gallery__image:first-child{left:0 !important;}

    Insert the code in your style.css file

    3) If you want to remove the featured image in the gallery, you need to comment few things in plugin PHP files.

    • This topic was modified 2 years, 8 months ago by gharchi.
    • This topic was modified 2 years, 8 months ago by gharchi.
Viewing 1 replies (of 1 total)

  • Also sharing here the fix for changing the vertical swiping of the gallery on mobile to horizontal swiping. See this thread.

    1. Edit the file wpgis.front.js file of the plugin, located in Plugins > advanced-woocommerce-product-gallery-slider > assets > js > wpgis.front.js.

    2. Remove verticalSwiping: false (line 61)

    3. Remove vertical:verticalslider (line 69)

    4. Remove vertical: false (line 80)

    Here is the plugin author’s link to a graphic showing the lines of code to be removed: https://prnt.sc/11k7lpr

Viewing 1 replies (of 1 total)
  • The topic ‘Check here to fix Mobile responsive problem’ is closed to new replies.