Forum Replies Created

Viewing 30 posts - 91 through 120 (of 214 total)
  • Author
    Posts
  • Hi Ismael,

    thank you. This script works wonderfully. Very nice.

    There is still a problem with the display of the burger menu on the mobile phone or tablet:
    On the HOME page (test.eisenlauer-muenchen.de) the burger menu icon is in the picture and not above in the white bar (see Screenhsot mobile phone: https://eisenlauer-muenchen.de/support/home-burgermenu. jpg). How can I achieve this: that the icon is in the top right next to the logo in the white area and not directly in the picture? Could you please help me out here? Thank you and best regards

    Diana

    in reply to: Open Street Map is not displayed – gray area #1300281

    now it works: I found the error:
    if in the input fields of Open Street Map under the option> Zoom the ‘Initial Zoom Level’ is changed (no 0) then it works.

    This thread can be closed. I don’t need any more help with this topic.

    Kind regards, Diana

    in reply to: Mega Menu gesamte Layoutbreite #1299868

    Thank you Nikko. This script of you solved the problem. Thank you!

    Hi Rikard

    I updated the theme to the new version. The burger menu is now displayed on the mobile phone again. Very good.

    However, I still have the problem that the burger menu is displayed in red, even though I was at
    Enfold> Main Menu> Burger / Mobile Menu styling> Menu Icon Color specified the color black. How can I display the navigation in the burger menu in black?
    And even in the CSS I have the additional code:
    / * Burger Menu Navigation * /
    # av-burger-menu-ul .avia-menu-text {
    color: # 000000 important;
    }
    entered.

    Can you help me here?
    Greetings, Diana

    in reply to: Mega Menu gesamte Layoutbreite #1299123

    Hi Nikko,

    Unfortunately it doesn’t work if I add the code “max-width: 100%;”: then the following happens with the menu as shown in the screenshot: https://osmosis.de/support%20/bildschirmfoto.png

    Is there any other solution?
    Best reagrds Diana

    in reply to: Footer link alignment #1257596

    Hi Rikard,
    I have no more questions, my concern has been resolved. Thank you and best regards, Diana

    in reply to: Cookie banner pop-up window settings background #1257595

    Hi Rikard,

    I have no more questions, my concern has been resolved. Thank you and best regards, Diana

    in reply to: Cookie banner pop-up window settings background #1257421

    Dear Rikard,

    Works great!!!! Thank you so much for your support!
    Have a good time!
    Best regards Diana

    in reply to: Footer link alignment #1257404

    Dear Rikard,

    that works perfectly! Thanks for the script.
    Kind regards, Diana

    in reply to: Cookie banner view – tablet landscape orientation #1254620

    hi Ismael,
    good news: I solved the problem for design.osmosis.de (point 2 is now also done!)
    It took a while for its own additional CSS script to collide with.

    Now everything works wonderfully on all cell phones, browsers and also on the most diverse sites.

    Thank you for your patience.
    Many greetings Diana

    in reply to: Cookie banner view – tablet landscape orientation #1254611

    Again briefly to point 1: I have tried a little bit here and found out the following:
    the script already works when you set the mx-width to 480px (with the value 1080 you have the problem that it is displayed over the entire width on the tablet)
    In addition, I was now able to integrate a script to regulate the line height into the code, so the text is shortened by a bit and the legibility on the mobile phone is even better.
    Here is the script I’m using now:

    @media only screen and (max-width: 480px) {
    .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right {
            width: 90%! important;
    left: 5%! important;
    right: auto! important;
    bottom: 20px! important;
    }
    .avia_cookie_text {
    line-height: 21px! important;
    }
    }

    Nevertheless, I still need a solution for point 2 (see previous post)

    Kind regards, Diana

    in reply to: Cookie banner view – tablet landscape orientation #1254605

    Hello Ismael,

    please ignore the previous post, because I have to correct myself: the problem is now partially solved:
    – On the https://hotel-admiral.de/ page, the script is now partially effective:
    @media only screen and (max-width: 1080px) {
    .responsive .avia-cookiemessage-top-left, .responsive .avia-cookiemessage-bottom-left, .responsive .avia-cookiemessage-top-right, .responsive .avia-cookiemessage-bottom-right {
    width: 90%! important;
    left: 5%;
    right: auto;
    bottom: 5px;
    }
    }

    Here I entered 5px (instead of 60px) for bottom and so there is now enough space for the cookie banner to be fully displayed.
    (see Scrennshot https://www.osmosis.de/support%20/cookie/admiral_Chrome-2.jpg)
    But it works regardless of whether I change the setting in Performance …
    What does not work is the script with the information on the font transformation: `@media only screen and (max-width: 1080px) {
    .avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
    font-size: 8px;
    letter-spacing: 0.5em;
    }
    }`

    Nothing changes here even when entering other values. But it is no longer so important to me, especially since the cookie banner is now fully displayed. Point 1 above is hereby solved.

    !!!! However, referring to point 2, I still need support:
    Because the same CSS script (which I used on the hotel-admiral.de page) does not work on the https://design.osmosis.de/ page: Screenshot: https://www.osmosis.de/support%20/cookie/osmosis_Chrome-2.jpg . The settings for performance are also exactly the same. The following points in the cookie banner – display on the mobile phone – do not fit here:

    – Font is centered: how can I get it left-justified? I have already inserted the following in css: .avia-cookie-consent .container {
    text-align: left;
    }
    (The script works for the desktop and tablet – only not on the mobile phone)

    – completely different buttons are displayed on the mobile phone: angular and sometimes with pink letters ??? (The script works for the desktop and tablet – only not on the mobile phone)

    – and also the alignment with bottom: 5px; it does not work

    And above all the big question, why does it work on one side https://hotel-admiral.de and why not on https://design.osmosis.de?

    If you could help me here, I would be very, very grateful!
    Many greetings Diana

    in reply to: Cookie banner view – tablet landscape orientation #1254600

    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

    in reply to: Accessibility website #1254303

    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

    in reply to: Cookie banner view – tablet landscape orientation #1253865

    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.jpg

    Thank you for your editing. Many greetings Diana

    in reply to: Link "Cookie Settings" in the footer #1253505

    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, Diana

    in reply to: Accessibility website #1253331

    Hey 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

    in reply to: Slideshow images are not displayed in Mozilla Firefox #1252955

    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.

    in reply to: Background and logo not displayed on tablet #1252954

    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 Diana

    in reply to: Cookie banner view – tablet landscape orientation #1252953

    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 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 Diana

    in reply to: header cut in tablet portrait format #1237268

    Hi Rikard,
    you can clos the ticket. Thank you!
    Best regads, Diana

    in reply to: header cut in tablet portrait format #1236874

    Thank you. this solutions worked.
    Best reagrds Diana

    Hello Mike,

    that works pretty well. Thanks a lot for your support!
    My question has been solved perfectly.
    best regards
    Diana

    in reply to: Plugin Shariff #1227453

    Thank you for your good explanation and briefing.
    Everything went very well with the plugin!
    Kind regards Diana

    in reply to: header cut in tablet portrait format #1227242

    Hi 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 Diana

    in reply to: header cut in tablet portrait format #1226652

    Hi 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 Diana

    in reply to: Blog templates #1213188

    Dear 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
    Diana

    in reply to: Blog templates #1212301

    hi Viictoria, we wanted the templates for the demo pages. could you put them in the backend?
    Best regards
    Diana

    in reply to: page template enfold #1207698

    Thank you Victoria for adding the shortcode.
    Best regards Diana

    in reply to: page template enfold #1207027

    Hello 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
    Diana

Viewing 30 posts - 91 through 120 (of 214 total)