different image show GK4 on mobile and desktop views

May 2014 Joomla Template
GK User
Tue Jun 09, 2015 5:53 pm
Hi, I need different imageshow GK4 in the header background position on mobiles and desktops. But the onlymobile and/or nomobile isn't working in the header_bg position.

http://www.protoolstraining.com/pmtupdate

What can I do to change it so a different imageshow can be used on mobile?

Or, is there a way to remove the slide content and only have the header when in mobile view?

thanks
User avatar
Junior Boarder

GK User
Tue Jun 09, 2015 7:42 pm
You can use media queries and uniwue id's of those IS elements:
Code: Select all
@media (max-width: 900px) {
#gkIs-gk-is-794 {display: block;}
#gkIs-gk-is-647 {display: none;}
}
#gkIs-gk-is-794 {display: none;}
#gkIs-gk-is-647 {display: block;}

Above will show IS with id 647 on devices with width 901px and higher, and IS with od 794 on devices with max width 900px;
User avatar
Moderator

GK User
Tue Jun 09, 2015 9:16 pm
That is perfect. Works like a charm.
User avatar
Junior Boarder

GK User
Wed Jun 10, 2015 3:05 pm
Is there anything else I can help you with regarding this topic?
User avatar
Moderator


cron