Centre product images mobile

  • Hi,

    Since a recent update I’ve noticed images on product pages and homepage are not centred. Images are displaying centred on desktop site but on tablets and mobile devices product pages are displaying images aligned left. I know it will be something simple that I’ve missed, but I’m struggling with it.

    Product images aligned left and not centred on mobile devices on homepage, product categories…

    WordPress 5.3.2 running Storefront Aubern
    Woocommerce: Version 3.9.2

    Any help would be appreciated

    Thanks,
    Craig

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi Craig, the following in Appearance->Customize->Additional CSS should fix the issue

    @media screen and (max-width: 568px) {
	.home .products .product img {
	    margin: auto;
    }
}

    I have the same problem on two pages. The above code did not help.

    Thread Starter gigaddict

    (@gigaddict)

    Hi.

    Thanks for your reply. That’s worked on most mobile devices apart from larger screen mobiles and tablets. Would the px size need adjusting to accommodate different screen sizes?

    edit: Update: Its worked on the home page but not on product categories pages and main shop page its not worked.

    Cheers,
    Craig

    • This reply was modified 4 years, 8 months ago by gigaddict.

    The problem occurs after the last update. So we have to wait for the correction.

    @gigaddict try removing .home from the code I gave you and that should fix it across the site. If not, please provide a specific URL where you are still seeing the issue so it can be investigated further.

    @maxwww if the above isn’t working for you, please create a new thread here:

    https://www.ads-software.com/support/theme/storefront/

    With a link to your site in question so it can be checked further.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Centre product images mobile’ is closed to new replies.