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>

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

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
  • 0
7 hours ago, allucaci said:

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!

yes, you can with css


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

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...