Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
allucaci

Mojave Product Page Single Image Mobile Fix

Question

Hello all,

I'm trying to optimize the mobile view on the Mojave template, for a "Products" page, so that a single centered image appears.

I have the product display set to 3 now - which looks good on a desktop - but want to resize it to 1 image @640px. I can't seem to work it out.

Has anyone tried this before and would you mind sharing your workaround please?

Cheers!

Alex

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

add to Page Header

<style>
  @media screen and (max-width:640px) {
  .ProductList-item {
    clear: none;
    width: 100% !important;
    margin: 0 !important;
}
    .ProductList-image {
    width: 100% !important;
    height: auto !important;
}
  }
</style>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0

That's brilliant! Thank you so much!! 

If I wanted to have 2 images per row on an iPad, would that be possible?

Thank you again!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...