Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 11, 2017 at 10:25 am #791573
    waveshaper

    Hi Kriesi

    On mobile display my product image on single product page layout are squeezed to the left.
    Is there a way to make them bigger on mobile or if not is there a way to center them?

    Currently:
    Product Images on Mobile device cropped to left.

    Is it possible to accomplish this:
    Product Images aligned to Center and bigger

    Thank you for your time.

    Running the latest WordPress and WooCommerce with @mensmaximus fix.

    May 11, 2017 at 7:40 pm #791864
    Victoria

    Hey waveshaper,

    This is the code that I found in your child theme style.css

    
@media only screen and (max-width: 1024px) {
.single-product-main-image {float:left!important; width:50%!important;}
}

    It should be changed like this:

    
@media only screen and (min-width: 768px)  and (max-width: 1024px) {
.single-product-main-image {float:left!important; width:50%!important;}
}
@media only screen and (max-width: 767px) {
.single-product-main-image {float:left!important; width:100%!important;}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 11, 2017 at 8:19 pm #791877
    waveshaper

    Hi Victoria
    Thank you for the helpful CSS.
    That fixed it, I will have to adjust some other CSS as well though.
    Much appreciated.
    Cheers,

    May 12, 2017 at 7:02 am #792091
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 12, 2017 at 8:45 am #792154
    waveshaper

    Hi Rikard, thank you, you may close this topic.
    If I have any further queries regarding this, I will open a new one.
    Cheers

    May 12, 2017 at 11:05 am #792208
    Nikko

    Hi,

    Glad to hear that! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.