Bugs in the MO template

All this issues are related to this website:
http://familyfirst-dev.forwen.com/

Please do inform me if you'd like the password to the site.

In mobile view, logo will cover up header text
http://screenpresso.com/=wWtef

Im mobile view, the module suffix light-color-box works ok... in desktop it is smaller than the content. Colorbox works ok though.
In mobile:
http://screenpresso.com/=DXaRb
In desktop:
http://screenpresso.com/=q5SUc

The default tinyMCE editor strips of the <i> tags for icons..... how to prevent it? Also how do i get the app store icon to come back? Its been stripped off..
http://screenpresso.com/=LHCMb

Changed favicon image in template settings, but it does not show up. Still standard joomla favicon. How do we solve this?

Thanks!

Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread

To prevent tinyMCE from stripping html tags from modules - disable it in global configuration (change editor to none) while editing modules.

1. To fix logo issue on small screens: please edit: /templates/gk_mo/css/override.css and add at its end:

Code: Select all

@media (max-width: 600px) {
 #gkLogo img {width: 50%;}   
}


Remember to enable "CSS override" in template settings - advanced section.

2. I don't see anywhere this suffix on your site.
3. The only way to get rid of tineMCe stripping the code is to disable the tinyMCE in default configuration (change the editor to none).
The original code of the buttons:

Code: Select all

<p>
<a href="#" class="gk-big-btn" data-scrollreveal="enter top and move 100px over 0.66s"><i class="gk-icon-gplay"></i> Get it on Google Play</a>
<a href="#" class="gk-big-btn" data-scrollreveal="enter top and move 100px over 0.66s wait 0.2s"><i class="gk-icon-appstore"></i> iPhone app on Appstore</a>
</p>