Logo not center on IE 9 using fixed layout, Logo is on the left - Support

Tagged: center, enfold, fixed layout, ie 11, IE 9, ie11, IE9, logo

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

Author

Posts
June 6, 2014 at 6:40 pm #275740

patricktech
Participant

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

June 6, 2014 at 7:39 pm #275770

Josue
Inactive Moderator

Hey!

The logo looks centered in IE9 too:

Cheers!
Josue

June 6, 2014 at 9:16 pm #275821

patricktech
Participant

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

June 7, 2014 at 3:47 am #275986

Josue
Inactive Moderator

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

June 7, 2014 at 4:21 am #275992
Devin
Inactive Moderator
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 10 years, 5 months ago by Devin.
June 7, 2014 at 4:23 am #275994

patricktech
Participant

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

June 8, 2014 at 4:05 pm #276230
Ismael
Moderator
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
June 10, 2014 at 9:45 pm #277200

patricktech
Participant

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.

June 11, 2014 at 5:19 am #277361

Ismael
Moderator

Hi!

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

Best regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.