Hi Kornél

Would you have a URL to an example of this issue?

Ciarán

Hello.

It doesn't wrap on the j51 demo server neither on my test installation: http://trinity.cooltech.hu
I could test it with IE 11.332.15063.0 running on win 10 v. 1703 (build: 15063.332) and 1607 (build 14393.1198)

BR, Kornél

Hi Kornél

Testing with IE, Chrome and Firefox we are unable to notice any difference with your FlexGallery module. Could I ask you to post a a screenshot of the issue so we may better understand your issue.

Ciarán

Hi Ciarán,

I attach a picture about the problem.
My experience testing it on 4-5 machines (all running Windows 10) is that on IE everything works fine except this wrap issue.
On Edge everything works fine. This must be a push from MS

Thx for the help.
Kornél

I just found a strange issue with IE again.
Please look at the attached picture. On the left side it is running on our server, a very fresh, untouched "out-of-the box" installation of Trinity, using your installer pack. On the right side it is your demo server. I triead again on more machines and all show me the same with IE. With Chrome and Firefox it works fine.
The site is the same, so I think there must be a difference on the server side. Can't it be some kind of wrong PHP setting that plays with us? I tried to change the PHP version from 7.0.7 back to 5.6.22, but no change.
I attached also the System info downloaded from the admin section from trinityori.cooltech.hu test installation, hope it helps.

Thank you.
Kornél

Hi Ciarán,

Thank you for the Solution, even though it is IE 11 and not 10, it Works. So thanks again.

What concerns the other issue, the screen resolution is 1366x768 pixels and yes, it's the same machine and the same IE (11.332.15063.0)

BR, Kornél

Hello

Unfortunately IE10 has very limited of flexbox which is widely used throughout most templates. Regarding your FlexGallery module you could try adding the following to the Custom CSS field of your templates parameters which should resolve this issue...

.j51flexgallery figcaption {

    display: block !important;

} 

CIarán

Regarding your second query is this also IE10? What screen resolution are you having this issue?

Ciarán

Hi Kornél

Strange. At 1366px only your desktop menu should be displayed unless you have set otherwise in the 'Responsive Options' tab of your templates parameters?

Ciarán

Sorry, maybe I was missunderstandable.
The dual picture was taken from the sreen, it is not a montage. I splitted the screen with the two browser window, exactly 50-50%.
The problem is that my fresh and untouched installation does not change the menu to the mobile version, when the IE window is reduced, but it keeps the original desktop menu. This happens only on my installation on my server, not on your demo server what you can see in the right window.
The responsive options are unchanged, it is set to 1140 px and turned on.
I thought it is again some kind of a browser issue, but when I saw that it is working on your demo server, I became uncertain about it. Now I can think of some kind of a server side setting difference. Anyhow I tested it on more machines again and seems that this issue is not sticked to my pc only.
This is the link of my original untouched Trinity installation: trinityori.cooltech.hu
Does it work on your IE?

Thank you, Kornél

Hi Kornél

Admittedly we are currently unable to replicate this issue. Switching the menus is controlled by browser side CSS media queries so it would be safe to assume that this is not a server side issue.

A bit of a shot in the dark but could you try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 1140px) {

.hornav > ul {display:none !important;}

.slicknav_menu {display:block;}

} 

Failing that may I ask does refreshing the page at the split screen width resolve the issue?

Ciarán

Hi Ciarán,

Thank you for the Solution. Finally your suggestion was almost perfect except that the !important flag in the 2nd line is not needed. It affects the menu background image to be undersized. But finally it Works

Just a last question
I positioned the language switcher module to header-1. But mobile menu hides it as it goes on top of the top part of the header and not above it. It also covers the top of the "diamond" which is just a little flaw in beauty. Is there a way to put the mobile menu above the header or shall I put the language switcher somewhere else?

Thanks, Kornél

Hi Kornél

Yes changing the header-# position on mobile should be possible with some minimal custom CSS. Would you have a URL directly to an example of your language switcher in this position?

Ciarán

Yes, sure. It's under construction, but now you can reach it at http://v2.cooltech.hu

Thanks, Kornél

Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 1140px) {

.header-1 {

    float: right;

    margin-right: 5px;

    margin-top: 60px;

}} 

Ciarán

Hi Ciarán,

Thank you, it Works perfect.

BR, Kornél