logo + cart icon

Dear, I have 2 questions:

1) I have a rather large width logo (400px) - in the responsive mode on smart phone, this logo is 'cut off' because it is to large for the screen. Is there a way that I can load a different (smaller) logo for mobile devices?

2) I would like the cart icon not to show on the mobile device - can I do this?

test site url: http://www.webatwork.be/leopeeters2013/

Thanks in advance.
luc

1) I have a rather large width logo (400px) - in the responsive mode on smart phone, this logo is 'cut off' because it is to large for the screen. Is there a way that I can load a different (smaller) logo for mobile devices?

Yes, you need to add rules for logo area to csss/mobile.css file, please use this code :

Code: Select all

#gkLogo.cssLogo {background: url('paht/to/file'); !important}

but this will work only when you use CSS Logo.

2) I would like the cart icon not to show on the mobile device - can I do this?

Please add this code to mobile.css file in root/templates/gk_template_name/css directory :

Code: Select all

#btnCart {display: none}


and then just remember to enable "Use override CSS" option in template advanced settings tab.