- Posts: 5
- Thank you received: 0
Product & Categories 3 column (div) layout
- claytoni9bh
-
Topic Author
- Offline
Less
More
9 years 4 months ago #271120
by claytoni9bh
Product & Categories 3 column (div) layout was created by claytoni9bh
After removing new CSS of version 3.1.1 my layout seems good, but the 3 columns are showed with 2 columns and the third column has a space.
When i change to 2 column seems OK, or 4 columns seems ok.
When i change to 2 column seems OK, or 4 columns seems ok.
Please Log in or Create an account to join the conversation.
9 years 4 months ago #271126
by nicolas
Replied by nicolas on topic Product & Categories 3 column (div) layout
Hi,
Can you provide a link to a page with the issue so that we can look at the situation ?
Can you provide a link to a page with the issue so that we can look at the situation ?
Please Log in or Create an account to join the conversation.
- claytoni9bh
-
Topic Author
- Offline
Less
More
- Posts: 5
- Thank you received: 0
9 years 4 months ago - 9 years 4 months ago #271192
by claytoni9bh
Replied by claytoni9bh on topic Product & Categories 3 column (div) layout
Last edit: 9 years 4 months ago by claytoni9bh.
Please Log in or Create an account to join the conversation.
- claytoni9bh
-
Topic Author
- Offline
Less
More
- Posts: 5
- Thank you received: 0
9 years 4 months ago #271193
by claytoni9bh
Replied by claytoni9bh on topic Product & Categories 3 column (div) layout
Before update the layout are ok without file modifications.
Please Log in or Create an account to join the conversation.
9 years 4 months ago #271195
by nicolas
Replied by nicolas on topic Product & Categories 3 column (div) layout
The issue comes from some customization.
You have the CSS:
.hkc-md-4 {
width: 33.66666566666533%;
}
in the customized frontend CSS of HikaShop. That CSS doesn't exist by default and that's this CSS which breaks the display since 33.6 * 3 is higher than 100% and thus it's not possible to have three elements of that width on the same line.
You'll have to fix your CSS and use something like we have by default instead:
.hkc-md-4 {
width: 33.33333333%;
}
You have the CSS:
.hkc-md-4 {
width: 33.66666566666533%;
}
in the customized frontend CSS of HikaShop. That CSS doesn't exist by default and that's this CSS which breaks the display since 33.6 * 3 is higher than 100% and thus it's not possible to have three elements of that width on the same line.
You'll have to fix your CSS and use something like we have by default instead:
.hkc-md-4 {
width: 33.33333333%;
}
Please Log in or Create an account to join the conversation.
- claytoni9bh
-
Topic Author
- Offline
Less
More
- Posts: 5
- Thank you received: 0
9 years 4 months ago #271322
by claytoni9bh
Replied by claytoni9bh on topic Product & Categories 3 column (div) layout
Tks, solved
Please Log in or Create an account to join the conversation.
Time to create page: 0.229 seconds