LIST PRODUCT VIEW

Good evening to all guys.

Some time ago you helped me set up a view type we have on the main site like this – (See image MB-LIST_EX_OK.JPG)

We would like to apply for one of our clients, the same view as our main site.
I remember that Mrs. Elisa had helped us, I can no longer find the old Post.
At the moment the view in List mode is like this you can see in this image (MB-LIST_EX1.JPG) – This view With the Big images and the title below we don’t like it, we would like to kindly make the same changes you did to the UppyNet site.

Please guys Help us to reset the view as before, for us it is the best ever.

I leave you the accesses to the site under construction in private.

I wait for you here
Thank you guys!
Luca

Attachments:

You must be logged in to view attached files.

Hello,

You can view the history in your profile: https://gyazo.com/092c3585187d9c2b0c53e700cf5fb5a3

If you have any questions please feel free to contact us.

Best Regards

Hi Elisa!

Thank you for your reply

The old topic I am referring to for the view of the list in Mobile mode can be found at this link:

https://xtemos.com/forums/topic/update-woodmart-error/

In that topic you solved my problem with various CSS codes you wrote to me.

I replicated the same codes on the MasterBrico site (our new site) but from how you can see in the screens I sent you in this topic, you can no longer see the view on the list as well as we want it.

Please check the codes I entered in the custom CSS as a global option. Because the view you previously set me on other websites is no longer activated.

In the meantime, I had to change my access to the site as an administrator, I leave you under the new logins.

Let me know

I’m waiting for you here

Greetings

Luke

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 768px) {
	body .product-list-item .product-wrapper {
	  display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
	}	
	body .product-list-item .product-element-top {
		margin-right: 15px;
		flex: 1 0 150px;
		max-widtH: 150px;
	}	
	body .1product-list-item  .product-list-content {
		flex-grow: 0;
	}	
}

Best Regards

Hello Elise!

Very Very Good!!!
Tanks!!!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts