Covered photos in shop mobile page

[kittiek8]

I am having some problems with my shop section, where the product picture is more than half covered the add to card and wishlist black box. What would you suggest I do to fix this?

Ideally I would also like there to be not such a huge gap inbetween the products too – it could easily fit three across on my phone, however it only shows two.

You can see both of these issues in the attached screenshot.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px){
body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-no-sidebar .upsells.products ul.products li.product {
    width: 46%!important;
  }
}

-Rui

[Spaeman]

having the same problem
where are you supposed to add that code to please?
i’ve added it to the END of the code that’s in the box that’s to the right of..
Custom CSS
Quickly add some CSS to your theme by adding it to this text area.
that’s in theme options>general options
it hasn’t solved the problem so i guess that’s the wrong place?
please advise as i’m keen to resolve the problem
an idiot proof explanation would be good please as i’m a rookie at this 🙂
thanks

[David Martin – Support]

Hi @Spaeman,

What is your URL?

Thanks,
David.

[Spaeman]

http://www.growsum.com
thanks

[Rui Guerreiro – SUPPORT]

Just a heads up, it was missing a closing bracket in my previous code, I already amend it.
Copy the code again.

-Rui

[Spaeman]

added the new code….still the same….problem persists
did i add it in the right place? at the END of the code that was already in there ?
thanks

[Spaeman]

http://www.growsum.com/shop-full-width/ is the shop page I’m talking about thats displaying incorrectly on an iPhone if that helps

[Rui Guerreiro – SUPPORT]

Probably you have some error in the css that is above in the css custom option.
Move the code I provided to the top of the custom css field.

If it doesn’t work provide admin credentials in a private reply.

-Rui

[Spaeman]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Didn’t changed anything and it’s looking fine.
https://www.dropbox.com/s/r6novi660rqctnz/Screenshot%202015-11-12%2019.09.00.png?dl=0

Probably it’s just the cache from your mobile browser.
Give it a try and let us know.

-Rui

[Spaeman]

That’s a screenshot of the homepage which displays fine
as i mentioned earlier it’s the SHOP page that’s faulty
here it is again

http://www.growsum.com/shop-full-width/

thanks

[Rui Guerreiro – SUPPORT]

It’s already fixed. Check again.

-Rui

[Spaeman]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

No problem. Thanks for the kind words.

It depends on the complexity if the requests and if they takes too much time or not.
It will be better to separate the requests in several topics 2 or 3 per topic, it will be easier for us to reply.

-Rui