Another issue with the installation of JM Bookshop.
Static Block, position-3, “Top 10 Books”: when displayed in a mobile screen format, the first item displays correctly with padding between the image and the list of details (Title, Rating, Price).
But the other three items beneath the first item display without any padding between the image and details.
How can I fix this?
Is there a style sheet or something that I can adjust? If so, can you please point me to it and tell me what I need to do to fix this.
Or is there something wrong with my installation?
Just wonder if your issue has been solved or not. I just see the issue working fine like demo.
Please let me know the details.
No, the issue is not resolved.
Here’s what I see when the browser is narrowed to show the “Top 10 Books” in a one column display:
This is the same view when on a mobile phone (iPhone 6). There is no padding between items and text except the top item.
I checked out another user’s site, via the same web browser to check it wasn’t an issue with my browser. However, the site http://books.ie displays the “Top 10” block correctly in my browser:
But on my site (http://rlpa.org.au) the “Top 10″block does not display any padding between the item images and the text from the second row down.
Because you did not tell me it does not have to pad via the mobile small screen that why I did not see it have been an issue. Also the issue has been fixed the file i changed: /public_html/skin/frontend/default/jm_book/css/layout-mobile-portrait.css
I did say in my opening post here “when displayed in a mobile screen format”.
But no worries. All is good. The issue is now fixed.
Thank you very much for your help.