Labels overlap field content on smaller screens

SarahW
Topic Author
Offline

9 years 3 months ago #273631 by SarahW

Labels overlap field content on smaller screens was created by SarahW

-- 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

9 years 3 months ago #273654 by nicolas

Replied by nicolas on topic Labels overlap field content on smaller screens

Hi,

The issue comes from the CSS:

Code:

.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.

SarahW
Topic Author
Offline

9 years 3 months ago #273686 by SarahW

Replied by SarahW on topic Labels overlap field content on smaller screens

Thank you very much, Nicolas. Great support, as always

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

Time to create page: 0.063 seconds