Forum Replies Created
-
Posts
-
Hello,
I changed the max-width value from 479px to 1080px and further mord disabled Performance > File Compression settings .
But unfortunately nothing changed.
In addition, I still have the problem of the wrong alignment of the font, as described in point 2 above.I’ve now looked at it on another mobile device in Google Chrome: the same problem appears here as well.
What more could I do?Best regards Diana
Hey Ismael,
Thanks for the new link to change the JS file for the Megamenu. I’ve included the following code in the js> avia-snippet-megamenu.js file:
// bind event for mega menu
megaItems.each (function (i) {$ (this) .hover (
function () {
delayCheck [i] = true;
setTimeout (function () {megaDivShow (i);}, options.delay);
},function () {
delayCheck [i] = false;
setTimeout (function () {megaDivHide (i);}, options.delay);
}
);$ (this) .find (‘> a’). focus (function () {
delayCheck [i] = true;
setTimeout (function () {megaDivShow (i);}, options.delay);
});$ (this) .find (‘>. avia_mega_div> ul li: last-child> ul li: last-child a’). focusout (function () {
delayCheck [i] = false;
setTimeout (function () {megaDivHide (i);}, options.delay);
});
});I also activated “file merging and compression” for CSS and Javascript at Perfomance.
But unfortunately it still doesn’t work!
Where is my mistake?
Please help again.Kind regards, Diana
Hello Ismael,
many thanks for the answer. First of all, the question about the resolution of the mobile phone: it is: 1080 x 2400 pixels (405 ppi)
1. Now I have added your suggested scripts to the Hotel Admiral website (https://hotel-admiral.de/) under CSS – unfortunately this does not change the display on the mobile phone. I also discovered that the problem only exists in the Chrome browser of the mobile phone, in Firefox the cookie banner is zoomed correctly. Here are the screenshots for viewing:
View mobile phone – Chrome browser: https://www.osmosis.de/support%20/cookie/admiral_Chrome.jpg
Mobile phone view – Firefox: https://www.osmosis.de/support%20/cookie/admiral_Firefox.jpg
As I said, the script doesn’t work yet for a better view in the Chrome browser. How could you still solve the issue for the Chrome browser?2. I have the same cookie settings (under CSS and under “Extended Styling”) on another website (https://design.osmosis.de/) which I have also built on ENFOLD (like all my sites;)) specified as on the website of the Hotel Admiral (https://hotel-admiral.de/). Everything is displayed correctly on the desktop and tablet. Only again on the mobile phone do I have the same problem as described in point 1 and also the issue that the writing on the mobile phone on the page https://design.osmosis.de/ is not left-aligned, although I do defined in CSS.
Same theme, same script and yet different view? I am a little at a loss as to how I can force a left-aligned display for the page https://design.osmosis.de/ on my mobile phone. Here are the screenshots for the page https://design.osmosis.de/:
View mobile phone – Chrome browser: https://www.osmosis.de/support%20/cookie/osmosis_Chrome.jpg
Mobile phone view – Firefox: https://www.osmosis.de/support%20/cookie/osmosis_Firefox.jpgThank you for your editing. Many greetings Diana
Hey Mike,
many thanks for the exact explanation! It works perfectly and with the exact description I was able to implement the same feature on several customer sites.
THANK YOU
Kind regards, DianaHey Ismael,
Thank you for the link, but unfortunately it still does not work with the operation of the main menu via the keyboard:
According to your linked post in the document “avia-snippet-megamenu.js” I changed the code as described:
I replaced the sequence
currentLink.on(‘mouseenter’, function () {
sublist.stop().css({ visibility: ‘visible’ }).animate({ opacity: 1 });
});
with the sequence :
currentLink.on(‘mouseenter’, function () {
sublist.stop().css({ visibility: ‘visible’ }).animate({ opacity: 1 });
});currentLink.on(‘focus’, function () {
sublist.stop().css({ visibility: ‘visible’ }).animate({ opacity: 1 });sublist.find(‘li:last-child’).on(‘focusout’, function () {
sublist.stop().animate({ opacity: 0 }, function () {
sublist.css({ visibility: ‘hidden’ });
});
});
});More over I inserted the following CSS script to show the indicator. That doesn’t work either …
#top .av-main-nav ul a: focus {
text-decoration: underline;
}Where is my mistake? What else do I have to change so that the navigation is still accessible?
Thank you for your editing and best regards! Diana
Hey Victoria
I have now checked the whole thing again. Now it works for me and also for the customer himself – even if I haven’t changed anything.
Please excuse the request. The problem solved itself.Dear Ismael
thank you for the script. I changed the “max-width: 1024px” to 1200px, then the script works wonderfully for the tablet. The problem is now solved on the tablet.
Thank you for your editing!
Many greetings DianaDear Ismael
thank you for the script. I changed the “max-width: 1024px” to 1200px, then the script works wonderfully for the tablet. The problem has already been solved.
However, I still have the problem with the cookie banner on my mobile phone that it is only partially displayed: see screenshot: https://www.osmosis.de/support%20/cookie/mobile.jpg
The solution with the widening of the window does not work here.
But there is still space at the bottom of the cookie banner: Would it be possible to align the cookie banner for the mobile phone at the very bottom of the website – without any gap (margin or padding)?
On the other hand, I would like to set the font size to 10px for the mobile phone only. But I’m not sure how to set the width information here, so that this is only set to the font size 10px on the mobile phone:
Maybe somehow like this: – ??? -:
@media only screen and (max-width: 767px) {
#top .av-toggle-switch .toggle-label-content {
font-size: 10px! important;
font-weight: lighter! important;
}
}Do you have a solution here?
Thank you for your editing!
Many greetings DianaHello Mike,
that works pretty well. Thanks a lot for your support!
My question has been solved perfectly.
best regards
DianaThank you for your good explanation and briefing.
Everything went very well with the plugin!
Kind regards DianaHi Victoria,
Have you looked at the specified page on a TABLET? The problem is only in the TABLET PORTRAIT VIEW !!
(See detailed problem description and screenshots in my first message of this post.)
Even when clearing the cache, the problem appears here on the i-pad in portrait view in both the Safari browser and Firefox.
Thank you very much and best regards DianaHi Victoria
The differing view only resulted from the fact that at this moment the English version had not yet been reworked in the new layout and they had a look at the English version and not, like me, at the German version. In the meantime, however, the English version has also been reworked and the problem described still persists. So I ask you to read my previous post with the problem description again and please help me.
Greetings DianaDear Victoria,
unfortunately I haven’t heard from you anymore. Maybe my request is not entirely clear?
Could you please put the template files available from Enfold for the following pages in the backend of elianafe.com:
– Blog Modern: https://kriesi.at/themes/enfold-2017/blog/
– Blog Masonry: https://kriesi.at/themes/enfold-2017/blog/blog-masonry/
– Blog Classic Grid: https://kriesi.at/themes/enfold-2017/blog/blog-default/Thank you and best regards
Dianahi Viictoria, we wanted the templates for the demo pages. could you put them in the backend?
Best regards
DianaHello Victoria,
thank you for importing the layer slider.
My further question is: could you also import for me the demo file of the Home- site of the enfold version, where this layer slider is already integrated in the site and wher I can modify the template of this chosen Layer slider? The template Site is: https://kriesi.at/themes/enfold/
Thenak you and best regards
DianaHello Vinay
Unfortunately you misunderstood me.
Not the menu item “Double room” has a submenu.
The menu is divided as follows:
1st “Zimmer” (main menu item)
1.1 “Superior Zimmer” (sub menu item 1 of “Zimmer”)
1.1.1 Doppelzimmer (Anchor link to the respective section on the page “Superior Zimmer”)
1.1.2 Doppelzimmer zum Hof (anchor link to the respective section on the page “Superior Zimmer”)
1.1.3 Suite (anchor link to the respective section on the page “Superior Zimmer”)
1.2. “Standard Zimmer” (Sub Menu Item 2 of “Zimmer”)
1.2.1 Einzelzimmer (anchor link to the respective section on the page “Standard Zimmer”)
1.2.2 Doppelzimmer(Anchor link to the respective section on the “Standard Zimmer” page)
1.2.3 Doppelzimmerto zum Hof (anchor link to the respective section on the page “Standard Zimmer”)If you look at the page on a computer, you can click on the “Rooms” link as well as the “Superior Rooms” and “Standard Rooms” submenu items, each leading to separate pages. On the mobile phone this is not possible: https://www.osmosis.de/support/01_Menue_Mobile.png
What can I do, so on the phone, the menu items “Zimmer”, “Superior Zimmer” and “Standard Zimmer” are clickable?
best regards
DianaDear Victoria
However, there is still a problem with the logo on the phone.
Although it is now tarred, but his view changes:
sometimes it is shown correctly see screenshot: https://www.osmosis.de/support/Logo_Mobil-2.png
and on some pages it seems distorted and superimposed itself with the flags for the language: see screenshot: https://www.osmosis.de/support/Logo_Mobile-1.png
Where is he wrong here? Could you help me? I can not understand where this comes from.
Best regards and thank you
Diana
