Uneven row/colum in div layout

  • Posts: 50
  • Thank you received: 0
8 years 1 month ago #268337

-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.7
-- PHP version -- : 5.6
-- Browser(s) name and version -- : firefox

I have my page set for 3 columns, but some columns have blank spaces. If i force a height with CSS it messes the responsiveness, so i don't want to do that. Why is my layout not even?

Thank you.

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

  • Posts: 83989
  • Thank you received: 13603
  • MODERATOR
8 years 1 month ago #268377

Hi,

The problem comes from the image "Birchen Ayam Cemani" which doesn't have the same ratio as the other images and the fact that you have the "force size" option turned off.
Because of that, the box of that product is bigger than the others and the columns system doesn't work properly.
Forcing the height in CSS is a solution (and you can restrict the height forcing to only some screen width with the @media of CSS ( css-tricks.com/css-media-queries/ ), but I'd rather recommend to have the same ratio for that image.

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

  • Posts: 50
  • Thank you received: 0
8 years 1 month ago #268431

Got it, thanks!!

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

Time to create page: 0.055 seconds
Powered by Kunena Forum