Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Covered photos in shop mobile page
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Covered photos in shop mobile page
- This topic has 42 replies, 5 voices, and was last updated 8 years by Swift Ideas – Ed.
-
Posted in: Neighborhood
-
November 10, 2015 at 10:34 pm #227611
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.November 11, 2015 at 11:22 am #227697Hi,
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
November 12, 2015 at 6:54 pm #228350having 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 🙂
thanksNovember 12, 2015 at 6:57 pm #228354November 12, 2015 at 7:09 pm #228358http://www.growsum.com
thanksNovember 12, 2015 at 7:11 pm #228360Just a heads up, it was missing a closing bracket in my previous code, I already amend it.
Copy the code again.-Rui
November 12, 2015 at 7:27 pm #228366added 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 ?
thanksNovember 12, 2015 at 7:29 pm #228369http://www.growsum.com/shop-full-width/ is the shop page I’m talking about thats displaying incorrectly on an iPhone if that helps
November 12, 2015 at 7:34 pm #228372Probably 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
November 12, 2015 at 8:04 pm #228384This reply has been marked as private.November 12, 2015 at 8:09 pm #228388Hi,
Didn’t changed anything and it’s looking fine.
https://www.dropbox.com/s/r6novi660rqctnz/Screenshot%202015-11-12%2019.09.00.png?dl=0Probably it’s just the cache from your mobile browser.
Give it a try and let us know.-Rui
November 12, 2015 at 8:19 pm #228393That’s a screenshot of the homepage which displays fine
as i mentioned earlier it’s the SHOP page that’s faulty
here it is againhttp://www.growsum.com/shop-full-width/
thanks
November 12, 2015 at 8:23 pm #228398It’s already fixed. Check again.
-Rui
November 12, 2015 at 8:50 pm #228406This reply has been marked as private.November 12, 2015 at 10:45 pm #228425No 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
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.