Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #275740

    You guys fixed the IE 11 logo left of center. Now it is left of center on IE 9 need help.

    Here is info from post I made yesterday.
    Post Title = “Logo not center on IE 11 using fixed layout, Logo is on the left”
    I need some css code help getting the logo to center on IE 11. I am using the fixed layout option.

    I have provided the website link in the Private Content Area.

    Thanks

    Josue
    Moderator
    Hey!

    Try adding this code to the Quick CSS:

    .avia-msie .logo {
    margin: 0 auto;
    width: 363px;
    transform: none !important;
    left: 0px !important;
    right: 0px;
    }
    Cheers!
    Josue

    #275770

    Hey!

    The logo looks centered in IE9 too:

    Cheers!
    Josue

    #275821

    The client is testing on Windows Vista and IE 9. The first page loaded it is on the left then other pages click it is center.

    Here are some screen from my tests

    1

    2

    #275986

    Hey!

    Have you tried in an actual native installation of IE9?

    What’s happening is that the CSS i suggested is targeting the logo after the .avia-msie is applied to the html tag (JavasScript), so the logo is aligned left for a second and then gets centered, you can’t note that in a snapshot.

    Cheers!
    Josue

    #275992

    Hi!

    You can do:

    
    .avia-msie-9.html_logo_center .logo {
    left: 50% !important;
    -ms-transform: translate(-50%, 0);
    }
    

    Which just targets IE9. Not sure why its needed but that will force the original css onto the ie9 version of the site.

    Cheers!
    Devin

    • This reply was modified 1 month, 2 weeks ago by  Devin.
    #275994

    I will give it a go and report back later. Please keep this post open. Thanks a bunch.

    #276230

    Hi!

    Let us know if it works. You can also try this:

    .html_header_top.html_logo_center.avia-msie .logo {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    }
    
    .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;
    }
    

    Regards,
    Ismael

    #277200

    I am still working on it. I have had some other stuff come up. I will report back later. Thanks I am putting IE9 on a machine.

    #277361

    Hi!

    Alright. We’ll keep the thread open. Let us know if the suggestions above work.

    Best regards,
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.