Product thumbs in carousel messed up on mobile view

[lobsterass]

Hi awesome developers!

I love Neighborhood but I’m having some responsive issues on mobile view. Please see attached image. It shows product carousel on my index page, viewed on a iPhone. The thumbs are messed up on mobile but looks good on computer.

Please help!

<3

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

1. First try to update the theme to the latest version, if that didn’t solve the issues

2. Try this in the Theme Options -> Custom CSS.

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
.woocommerce ul.products li.product figure { padding-bottom: 144px; }
}

Let me know, what you got.

Thanks,
laranz.

[lobsterass]

Hi!

I tried this, emptied cache on site, restarted phone but the problem remains.

Does it have anything to do with how extremely slow my site loads? I’ve tried to fix the speed by using WP Optimize + W3 Total Cache plugins. My images are not too big but I do have several sliders – sometimes on the same page.

<3

A

[laranz – SUPPORT]

Hi,

I ask our developer to look over this issue..

For me your website looks fast for me, and also it has good grads here too: http://tools.pingdom.com/fpt/#!/cUUDKV/http://monroedesign.se/

Let us know,

Thanks,
laranz.

[Swift Ideas – Ed]

This reply has been marked as private.

[lobsterass]

Ed!

I’m going nuts over here. That build probably lacked Å Ä Ö in swedish (my host support says), because it made me not even able to login back end. Totally white page only and my custom “under construction” page came up with wierd letters front end.

So after spending an hour doing all my custom changes on the FTP on the new build, I had to delete it and go back to an earlier backed up version of the site. Back to square one.

Please help me before I loose it completely.

[Swift Ideas – Ed]

How did you update? I have sent that build to a few users and all have reported that it’s greatly improved. There is nothing that could have caused that as far as I’m aware.

Did you enable WP_DEBUG to see an error instead of the white screen?

– Ed

[lobsterass]

Hi!

1. I activated the Twentyfourseven theme
2. I deleted neighborhood (inside WP back end. Not on FTP) but kept child
3. Then I uploaded the build through WP back end
4. Activated child
5. Made all custom changes on FTP

Was that wrong?

[lobsterass]

Oh, and is this new build going to make my product thumbs look correct on phones or is this just for speed? Please see beginning of this thread for image on how thumbs look now.

A

[Swift Ideas – Ed]

It fixes that issue. It is mainly css changes apart from a single line change in a WooCommerce template.

– Ed

[lobsterass]

OK. But…how do I install this correctly? Would it make a difference if I removed the neighborhood folder on the FTP manually?

[Swift Ideas – Ed]

I’d say backup those files, then delete, then upload the new folder. Other users have used the build so I’m sure it’s not an issue with that.

– Ed

[lobsterass]

Please answer my question about updating first. I’ve been searching on this site and on Google and I still don’t understand if

1. I should delete the neighborhood folder on the FTP

OR

2. Update by doing exactly what I did – update through WP back end?

I don’t think I’m the only one wondering this.

<3

[Swift Ideas – Ed]

That is what I said in my previous reply?

> Backup neighborhood folder (from server)
> Delete that folder
> Upload new version folder

All via FTP.

– Ed

[lobsterass]

OK. Thank you for making that clear for me. I’m sorry for not understanding but I’ve been burning up over here. I’ve been problem solving for 8 hours straight now, so I just want to make sure I don’t make the same mistake twice.

Thank you.

<3