HIDE COLUMN IN RESPONSIVE TABLE FOR MOBILE VIEW

  • Posts: 19
  • Thank you received: 1
3 years 9 months ago #332966

-- HikaShop version -- : HikaShop Starter 4.4.2
-- Joomla version -- : 3.9.27
-- PHP version -- : 7.4.3
-- Browser(s) name and version -- : Chrome Versión 90.0.4430.212 (Build oficial) (64 bits)

Hi,

I want to hide characteristic column called "Envase" (see picture 1). Adding CSS .hikashop_product_characteristic, .hikashop_product_characteristic_3_row{ display: none;} at the end of my style_custom1.css file , it works for pc views and tablet view (see picture 2 and 3), but when I set navigator width view at less than 506 px (mobile view) , then the table get reordered in rows format instead columns and the column "Envase " that I want to hide, appears again (see picture 4).

How can i hide this column even in mobile view?

Thanks in advance,

Ricardo

Attachments:

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

  • Posts: 83403
  • Thank you received: 13497
  • MODERATOR
3 years 9 months ago #332970

Hi,

You need to force the display none in your CSS to override the responsive display.
So that CSS should work:
.hikashop_product_characteristic, .hikashop_product_characteristic_3_row{ display: none !important;}

The following user(s) said Thank You: kaito

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

  • Posts: 19
  • Thank you received: 1
3 years 9 months ago #332987

Thanks Nicolas, that made the trick !!
Kind regards,
Ricardo

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

Time to create page: 0.058 seconds
Powered by Kunena Forum