Exclude modules in Responsive layout Smartphone / tablet

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Jun 02, 2014 10:39 am
Reply with quote
Report this post
Hi, How can I exclude content in responisve layout for smartphone / tablet layout. Some modules I don't want to show when the layout goes responsive. Is it possible to exclude modules via ID or something.

Please let me now on a short notice!

Thanks!!

Patriek
User avatar
Senior Boarder

GK User
Mon Jun 02, 2014 4:42 pm
Reply with quote
Report this post
You need to know firebu/devtools and media queries.
For example:
Please edit: /templates/gk_msocial/css/override.css and add at its end:
Code: Select all
@media (max-width: 800px) {
#gkContent {display:none}
}

will hide module with id gkContent on devices with width lower or equal 800px.
Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Mon Jun 02, 2014 4:47 pm
Reply with quote
Report this post
You can also use our custom module suffixes:
http://www.gavick.com/documentation/gen ... et-layout/
User avatar
Moderator

GK User
Wed Jun 04, 2014 9:40 am
Reply with quote
Report this post
Thanks for helping me out!
User avatar
Senior Boarder


cron