Labels overlap field content on smaller screens

Start
Prev
1
Next
End

SarahW
Topic Author
Offline

Posts: 43
Thank you received: 3

7 years 4 months ago #273631

-- url of the page with the problem -- : zipfrog.co.uk/index.php/shop
-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.3
-- PHP version -- : 5.6.3
-- Browser(s) name and version -- : Chrome 59.0.3071.115

I'm revamping this site on a test domain, and I'm having problems with the checkout layout on smaller screens: with items in the basket, the labels Name, Unit price, Total price, Subtotal, Delivery and Total overlap the content of those fields, though everything else seems fine. Can anyone suggest a solution to this problem?

Please Log in or Create an account to join the conversation.

nicolas
Away

Posts: 82868
Thank you received: 13376
MODERATOR

7 years 4 months ago #273654

Hi,

The issue comes from the CSS:

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

in the file zipfrog.co.uk/templates/sphinx2017/css/bootstrap.css of your template. Remove that and it will display properly.

The following user(s) said Thank You: SarahW

Please Log in or Create an account to join the conversation.