Hi, I just updated the photo/products on our main page (there are 9 images) and just noticed
on my mobile device they are out of wack, I doubled checked the size of each image and they
seem ok, any help is greatly appreciated...

Hi Dano

I think the problem occurs when the product name text goes onto two lines so making that smaller on mobile devices would be on option. Another would be to set a minimum height on the container...

Around line 217 of style.css add the highlighted

.product_listing li {
box-sizing: border-box;
float: none;
list-style: outside none none;
margin: 0;
padding: 0 15px 30px;
width: 100%;
min-height:300px
}

Andy

Please feel free to review / rate our software

Hi Andy, i changed min-height:300px but it looks about the same.. any ideas?

thanks again.. dano

I don't see that addition in style.css so can you try again?

Andy

Please feel free to review / rate our software

I'll try again when I get home, thanks Andy

that worked Andy, thank you. I also noticed though that there are
like 3 different style.css files it looks like. I found 1 or 2 within
vsadmin, and then one that I last changed that worked in
the css folder. Should there be 3?

Only one in the root folder if that what is linked on the main pages.

Mark
Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

Hi all, I just noticed after shifting around the logo and some of the picture
adjustments that when viewing the site on mobile phone, now the main text for products,
product categories, tracking etc are pushed to the far left. Is there a way to fix this? I also
posted in another post that the navigation button is also pushed way over to the left side.

Thanks much in advance for any help.. just trying to get the mobile version looking good:)

Just after

/*This is the fourth breakpoint and contains styles for screens 640px to 500px*/
@media screen and (max-width: 640px) {

Add

.midWrapper{margin-left:18px}

Andy

Please feel free to review / rate our software

thanks Andy that worked