Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 13, 2014 at 5:54 pm #264086
    Driekus

    Recently I had an issue with the logo on my site. In Chrome the logo was shown half the size with an unwanted space underneath the logo. This is solved by adding the next code:

    .html_header_top.html_logo_center .logo {-webkit-transform: translate(-50%, 0) scaleX(1.5);}
.html_header_top.html_logo_center .logo img{-webkit-transform: translate(0,25%)scale(1,1.5);}

    This works like a charme and the logo shows up correct in Chrome and IE. However, by coincedence I viewed the site in IE8 and I saw that the header is a mess in IE8. The logo is big and not lined up properly. The menu is a mess as well. Underneath I will enclude two printscreens. I hope that you have an idea to solve this issue with IE8.

    Regards,
    Erik

    May 13, 2014 at 5:56 pm #264087
    Driekus
    This reply has been marked as private.
    May 14, 2014 at 7:35 am #264514
    Ismael

    Hey!

    Thank you for the screenshots.

    Please try to add this on Quick CSS or custom.css to fix the IE8 issue:

    .html_header_top.html_logo_center.avia-msie .logo {
position: relative;
text-align: center;
width: 100%;
}

.html_header_top.html_logo_center.avia-msie .logo img {
-webkit-transform: initial;
display: inline-block;
}

.html_header_top.html_bottom_nav_header.avia-msie .main_menu ul:first-child>li a {;
font-size: 12px;
padding: 2px 15px 0px 15px;
}

    Cheers!
    Ismael

    May 14, 2014 at 4:14 pm #264738
    Driekus

    Ismael,

    Thank you. I had to modify the code that you have given a little bit but it does the trick.

    .html_header_top.html_logo_center.avia-msie .logo {
position: relative\9;
width: 100%\9;
left:0%\9;
text-align:center\9;
}

.html_header_top.html_bottom_nav_header.avia-msie .main_menu ul:first-child>li a {;
font-size: 12px\9;
padding: 2px 12px 0px 12px\9;
}

.html_header_top.html_logo_center.avia-msie .logo img {
-webkit-transform: initial\9;
display: inline-block\9;
width:778px\9;
}

    Regards,
    Erik

    May 16, 2014 at 4:37 am #265694
    Ismael

    Hi!

    Glad it is working.

    Anyway, I don’t think you need the \9 value since we already have the avia-msie which targets internet explorer browsers.

    Regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo and menu issue in IE8’ is closed to new replies.