Discussion about Hot Spinner Joomla module.

Hide module if screen width is too small

  • admin8
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
2 years 1 month ago #49868 by admin8
Hi,
How can I automatically hide the module is the screen width is less than the spinner width?

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 1 month ago #49874 by milos
Hello,

You can’t detect the Spinner width in CSS, but let’s assume it’s 767px and the module position is “header1”. In this case, try adding this in CSS file:
Code:
@media (max-width:767px) { .mp_header1 { display:none; } }

If width is different, change value 767px. If module position is different change “header1” (keep “mp_” prefix).

Clear cache on mobile device browser before testing.

Regards,
Milos

Please Log in to join the conversation.

  • admin8
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
2 years 1 month ago #49925 by admin8
Which css file should I edit?

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 1 month ago #49927 by milos
You can add it in the module's CSS file:
/modules/mod_hot_spinner/tmpl/css/style.css

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.165 seconds
Powered by Kunena Forum