Product container height responsiveness

  • Posts: 1115
  • Thank you received: 12
  • Hikashop Business
9 years 3 months ago #241058

-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.5

Hello!

May i ask, product container's height in large screens or mobiles looks fine, but in tablets (landscape or portrait) the boxes look a bit ugly (screenshot1). I know that is probably a CSS issue-fix but i could really use some advice/help if you could!

I want the add to cart button to be displayed in the same row in all product boxes no matter if the title is 2 lines or 1., like in large screens (see screenshot2).
Position absolute is not working for me!

Thank you!

Attachments:

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 3 months ago #241059

Hello,

Can you provide an Url link in order to give you an efficient help because Css code may help you but there is several way to fit your needs.
If you don't want post it on this topic, use our " Contact us " form and add an Url link to this topic.

Awaiting news from you.

Regards.

Last edit: 9 years 3 months ago by Philip.
The following user(s) said Thank You: verzevoul

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

  • Posts: 1115
  • Thank you received: 12
  • Hikashop Business
9 years 3 months ago #241156

Hi Philip, I sent you via email the link.

Thank you

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 3 months ago #241163

Hello,

For your needs I suggest you to use/modify your Css code, for customize your product page via your Css,
have a look on this link, here .

Note : I advice you to edit your Css file at the end, later that will be easier to find and correct it.

This code may fit your request :

li.span3.hikashop_product {
position: relative;
}

.hikashop_product_stock {
position: absolute;
bottom: 10px;
width: 100%;
}


- Your selector or the target.
- Your command or action.
- Your parameter or details of action.

As you can see the "position : absolute" can only works if you have a container with a define position command, here "position : relative".

To learn more about Css code and their properties, I invite you to read this source, here
and maybe more especially this one for position settings.

Hope that will help you.

Regards,

Last edit: 9 years 3 months ago by Philip.
The following user(s) said Thank You: verzevoul

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

Time to create page: 0.068 seconds
Powered by Kunena Forum