Logo rutscht in Microsoft Edge nach links hinter das Menü - Support

Tagged: bug, header, logo, menu

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

Author

Posts
May 14, 2020 at 5:15 pm #1212982

blue_connexion
Participant

Hallo,

ich habe eine Website erstellt, wo das Logo rechts und das Menü links daneben ist. In Chrome und in Firefox funktioniert das super, nur in Edge und im Internet Explorer rutscht nach Logo nach dem Scrollen nach links hinter das Menü? Weiß jemand, woran das liegen könnte?

MfG
Tim

Hello,

I created a website with a logo on the right side and the menu on the left side. In chrome and firefox it works really good, but in edge and in the internet explorer the logo slides behind the menu at the left side after scrolling the website. Does somebody knows, what could be the reason?

Best regards
Tim

May 19, 2020 at 1:05 pm #1214326

Ismael
Moderator

Hey blue_connexion,

Thank you for the inquiry.

We are able to reproduce the issue on IE10 but we are not really what’s causing it. Please try to disable the Performance > File Compressions settings temporarily — see if it helps.

Best regards,
Ismael

May 24, 2020 at 11:31 am #1215692
blue_connexion
Participant
Hello Ismael,

thank you for your help. I tried to disable the file compression but it didn´t changed anything. In Microsoft Edge I could debug it with this css code
```
.logo a{
		float: right !important;
	}
```
but in Internet Explorer the problem is still there.

best regards
Tim
- This reply was modified 4 years, 5 months ago by blue_connexion.
May 29, 2020 at 8:01 am #1217602
Ismael
Moderator
Hi,

Thank you for the update.

Try to replace the css code with this one.
```
.avia-msie .logo a {
    float: right !important;
    max-width: 355px;
}
```
On IE, the logo doesn’t float to the right because its width is the same as its parent container.

Best regards,
Ismael
June 2, 2020 at 2:26 pm #1218777

blue_connexion
Participant

Hello,

I replaced the css code and it worked for the internet explorer but not for microsoft edge. Then I removed the .avia-msie and everything is fine. Now it works I think. Thank you very much for your help. I think we can close this thread.
The final css code:
.logo a{ float: right !important; max-width: 355px; }

best regards

Tim

June 3, 2020 at 8:32 am #1218952

Rikard
Keymaster

Hi Tim,

Great, I’m glad that you got things working and thanks for the update sharing the working code. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts