Header gkIcon Internet Explorer 2 (edge)

Hello,
I have a problem in your browser IE9 and Edge. The icons in the header are not centered. Example of your demo atachment.

Hi

Thank You for reporting that. I've send a bug report to programmers. Will inform You when they will answer.

Hi

Please edit gk_quark/less/template.less and replace class:

Code: Select all

    .big-icon {
       color: @secondary_color;
       font-size: 6 * @body_font_size;
       margin-left: -3 * @body_font_size;
       position: absolute;
       top: -130px;
    }


with

Code: Select all

    .big-icon {
       color: @secondary_color;
       font-size: 6 * @body_font_size;
      left: 50%;
       margin-left: -3 * @body_font_size;
       position: absolute;
       top: -130px;
    }


than edit file gk_quark/css/template.restaurant.css and replace:

Code: Select all

 #gkHeaderMod .big-icon {
   color: #c1702d;
   font-size: 60px;
   margin-left: -30px;
   position: absolute;
   top: -130px;
 }


with

Code: Select all

 #gkHeaderMod .big-icon {
   color: #c1702d;
   font-size: 60px;
   left: 50%;
   margin-left: -30px;
   position: absolute;
   top: -130px;
 }


or just wait a moment and if will be included in template packages.

It works - many thanks

Hi


Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro