Forum Replies Created
-
AuthorPosts
-
April 26, 2021 at 8:12 am in reply to: Accessibility Issue for Menu with Sub-items of sub-items #1296686
Hi,
It looks like you’re not tabbing but then the next menu will pop open.
Yes, it will continue to jump to the next item as long as it is available, going through sub menu items first before jumping back to the next parent item. However, it will not focus or scroll to that item and make it visible in the view port if that is what you are expecting. People who are using accessibility tools such as voice prompts or screen readers are usually the ones who will tab through these items, so it is not really necessary to make them visible in the view port.
Also, if a person has started navigating the menu using tabs and then tries to use the mouse after that,
Yes, it is one of the limitations but I am not sure if there is anyone who uses a tab key when they have a mouse. That is time consuming and unnecessary.
You should also consider restructuring your whole menu, limiting the sub menu to first or second level and consider moving some of the navigation to a sub page instead.
There are also third party plugins such as UberMenu or Max Mega Menu if you want to build a more complex menu, which does not rely on deeply nested drop downs.
Best regards,
IsmaelHi,
You have to set the Header visibility and transparency to the second option (Transparent Header) to make it transparent initially. And to bring back the background color on scroll, the General Styling > Logo Area > Logo Area background color should be set to any hex color. We set it to pure white temporarily and use this css code to change the menu item color to black on scroll.
.html_header_transparency .header-scrolled-full .main_menu li a { color: #000000 !important; }We also removed the following code from the Quick CSS field because it removes the logo on scroll.
.header-scrolled .logo img { display: none; }Best regards,
IsmaelHi,
The custom ID is based on the tab title, so for Coffee & Pastries tab, the ID will be coffee–pastries, and for Ice Cream, it will be ice-cream. As we noted above, spaces and special characters such as “&” will be automatically converted to hyphens.
This syntax is invalid.
scrollToTab( ‘.avia-button’, ‘click’ );You have to replace the curly quotes with straight ones.
scrollToTab('.avia-button', 'click' );Best regards,
IsmaelHi,
but doesn’t do the trick on larger screens or responsive
You can create more css media queries to adjust the bottom padding value on different screen sizes or devices. Example:
@media only screen and (min-width: 1300px) { .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer { padding-bottom: 200%; } }The code above will apply the changes when the screen width is larger than 1300px. You may also need to control the number of characters in the excerpt, the maximum and minimum characters allowed, to make sure that the masonry grid is consistent.
Other solution is to use a different masonry size settings as we suggested above. You could also hide the excerpt and add a read more text instead.
// https://kriesi.at/support/topic/read-more-buttin-in-masonry-blogelement/#post-1282623
Best regards,
IsmaelHi,
No problem. Yes, all changes have been done in the functions.php file and displaying the contact form’s background back should be a matter of adding a few css modifications.
Best regards,
IsmaelHi,
The product category widget is now displaying properly in the single product page. How did you fix it?
Thank you for your patience.
Best regards,
IsmaelApril 23, 2021 at 2:48 pm in reply to: Add/Edit Images in Portfolio Gallery- changes not saving #1296351Hey Sharon_W,
Thank you for the inquiry.
The portfolio items are there but they do not have featured images, so it looks like nothing is displaying. We edited two of the portfolio items and randomly selected images as their featured image. Please purge the cache and check the page again.
Best regards,
IsmaelHey studiocomunico,
Thank you for the inquiry.
Is this happening on every page? We created a test page, added an image element to it, but we are not able to reproduce the same issue that you described above. The save button works properly and the element updates correctly. (see private field)
Please provide a direct link to the page with the issue. We will try to check it again.
Best regards,
IsmaelHi,
Thank you for the update.
Content mismatch: Missing embedded video
Unfortunately, we have no idea what that means. The theme is not compatible with AMP or does not contain any AMP markup, so we are not that familiar with AMP errors. Installing a plugin should help, but there is no guarantee that it will work completely with the theme.
We tried to check the page above but for some reason, it is not loading properly on our end. It might be the firewall or a security feature from one of the plugins.
Best regards,
IsmaelHey mocreate,
Thank you for the inquiry.
You will have to increase the size of the entry_without_sidebar thumbnail, which is the thumbnail or image used on posts without sidebar, and make sure that the new width and height are larger than those of the uploaded images. To do that, install the following plugin, then go to the Settings > Media panel.
// https://wordpress.org/plugins/simple-image-sizes/
Please do not forget to regenerate the thumbnails after adjusting the thumbnail size.
Best regards,
IsmaelApril 23, 2021 at 2:10 pm in reply to: Google Analytics Cookies are set before accepting the cookie consent #1296341Hey Tobias,
Thank you for the inquiry.
The google cookies are still set.
That is correct. The cookie will stay but further tracking from Google Analytics will not occur because once the user chose to block the tracker, the analytics script will no longer load. The remaining cookies in the local storage are not usable or has no effect from that point onward.
Best regards,
IsmaelHi,
To hide the social icons beside the menu, please use this css code.
.avia-menu + .social_bookmarks { opacity: 0; }We edited the script a bit. Please try this one instead.
// move social icons inside icon or mobile menu function ava_custom_script_mod_social() { ?> <script> (function($) { $(document).ready(function() { var burger_wrap = $('.av-burger-menu-main a'); var social = $('.social_bookmarks'); $(burger_wrap).on('avia_burger_list_created', function() { setTimeout(() => { social.appendTo('#av-burger-menu-ul').addClass("mobile_social_bookmarks"); }, 150); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_mod_social', 10000);Best regards,
IsmaelHi,
Thank you for the update.
We found the issue in the enfold/js/avia-snippet-cookieconsent.js file around line 628 and modified it a bit. It should be working properly now.
if( window.doNotTrack || navigator.doNotTrack || navigator.msDoNotTrack || (window.external && 'msTrackingProtectionEnabled' in window.external) )Please purge the cache before checking the page. We have also disabled the Autoptimize plugin temporarily.
Best regards,
IsmaelApril 23, 2021 at 6:17 am in reply to: Language flag icons in menu are not aligned with text #1296190Hi!
Thank you for the update.
1.) In DE version, the ID of the menu flags in the default menu is 11478. Please replace the css code with this.
#menu-item-11470-en, #menu-item-11470-de, #menu-item-11478-en, #menu-item-11478-de{ top: 8px!important; }2.) You do not have to set anything in the Settings > Reading panel, which is why we reset it back to default. We reset it again back to the default. Just make sure that the correct home page is set in the Enfold > Frontpage settings.
The DE version is now displaying properly on our end. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHi,
@guenni007: You are right. When I inspected the page I did not notice that I was inspecting the footer container and thought it was a grid row because it looks like it, but it is a default footer.
@whdsolutions: Would you mind providing a screenshot of the grid row? We cannot find it in the home page.
Best regards,
IsmaelApril 23, 2021 at 5:54 am in reply to: Theme updated: Warning: Cannot modify header information #1296181Hi,
According to the stack trace, the remaining issue is from a default PHP network function called inet_pton, which is receiving an unsupported IPv6 address. Unfortunately, we are not that familiar with that function and with the current server configuration. You may need to ask your server administrator for additional info regarding this issue. You should also ask them if they could upgrade PHP from version 7.2 to the latest version.
Thank you for your patience.
Best regards,
IsmaelApril 23, 2021 at 5:35 am in reply to: Accessibility Issue for Menu with Sub-items of sub-items #1296178Hi,
Thank you for the update.
We modified the script in the parent theme and it should be working properly now. Tabbing should open the submenus properly until the last menu item and move on to the next menu item if there is any.
// bind events for dropdown menu dropdownItems.find('li').addBack().each(function() { var currentItem = $(this), sublist = currentItem.find('ul').first(), showList = false; if(sublist.length) { sublist.css({display:'block', opacity:0, visibility:'hidden'}); var currentLink = currentItem.find('>a'); currentLink.on('mouseenter', function() { sublist.stop().css({visibility:'visible'}).animate({opacity:1}); }); currentLink.on('focus', function () { sublist.stop().css({ visibility: 'visible' }).animate({ opacity: 1 }); currentItem.css("z-index", 1000); sublist.find('li:last-child').on('focusout', function () { var parent = sublist.parent(".menu-item"); var nextMenu = parent.next(); var submenu = $(this).parent(".sub-menu"); if(nextMenu) { nextMenu.trigger("mouseenter").focus(); submenu.stop().animate({ opacity: 0 }, function () { submenu.css({ visibility: 'hidden' }); }); return; } sublist.stop().animate({ opacity: 0 }, function () { sublist.css({ visibility: 'hidden' }); }); }); }); currentItem.on('mouseleave', function() { sublist.stop().animate({opacity:0}, function() { sublist.css({visibility:'hidden'}); }); }); } });Best regards,
IsmaelHi,
Yes, the plugin is probably affecting how the images are resized. It is possible that the size has been rounded off, so you may need to resize the left image again using an image editor, make sure that the size is exact, then upload it again in the media library.
Best regards,
IsmaelHi,
Thank you for the update.
It is ignoring the last css media query because the iframe has a maximum width of 500px.
<iframe loading="lazy" class="animation_automated_workflow" src="https://zs-dev.dev-sites.org/animation/animation2/zs_web_anim_06.html" width="500" height="400"> </iframe>You may need to adjust the value of the width attribute or change the css media query.
Best regards,
IsmaelHi,
What is the actual name or slug of the user role that you created in URE? Try to lock the ALB in the Theme Options, then add the user role name or slug in the array.
$allowed_roles = array('editor', 'administrator', 'author');Best regards,
IsmaelHi,
Thank you for the update.
The plugin adds more functionality to the default filter but it currently generates an error. You may need to ask the plugin author for additional help in order to properly use the plugin.
Best regards,
IsmaelApril 23, 2021 at 4:01 am in reply to: Srcset (image-set CSS) for ALB Colour Section Background images #1296165Hi,
No problem. We will keep the thread open in case you need to add something or if anything comes up.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
Can you give us a link to the contact form preview? Or post the login details in the private field so that we could check the contact form.
Best regards,
IsmaelHi,
Thank you for the update.
It is not working correctly because the avia-snippet-lightbox.js is not being loaded even when the lightbox option is enabled. Did you add any modifications in the functions.php file?
We tried to check it but the Appearance > Editor panel is not accessible.
Best regards,
IsmaelHi,
Thank you for following up.
We updated the code in the functions.php file.
/* zijbalk op productpagina */ function ava534345953_init() { add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25); add_action( 'woocommerce_after_single_product_summary', 'avia_close_image_div_mod', 20); add_action( 'woocommerce_before_single_product_summary', 'avia_open_image_div_mod', 1 ); } function avia_open_image_div_mod() { echo "<div class='product-main-container'>"; } function avia_close_image_div_mod() { echo "</div>"; } function avia_add_sidebar() { if(is_product()) { $avia_config['currently_viewing'] = "shop_single"; get_sidebar(); } } add_action('init','ava534345953_init', 50);And use this css code instead.
.product-main-container { width: 63%; float: right; margin-left: 50px; } .product-main-container::after { content: ''; display: table; clear: both; } .product-main-container .single-product-main-image, .product-main-container .single-product-summary { width: 100%; } #top #main .sidebar { border-left: 0; border-right-style: solid; border-right-width: 1px; margin-left: 0; margin-right: 50px; padding-right: 50px; }The widget area is now located in the sidebar.
Best regards,
IsmaelHi,
Great! Glad it worked. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
The script that we provided in the previous thread will move the social icons inside the mobile menu, but since the social icons are not yet enabled in your site, the script has nothing to move.
Please enable the social icons in the Enfold > Header > Extra Elements panel, then test it again. We can add a few css if you want the social icon to only display inside the mobile menu.
Best regards,
IsmaelHi,
Great! Glad to know that it is now working. Please feel free to open another thread if you need anything else. We will close this one for now.
Have a nice day.
Best regards,
IsmaelApril 22, 2021 at 12:30 pm in reply to: How can I set the name for a FAQPage (accordion element) in rich snippets? #1296025Hi,
No problem. It is possible that not all elements require a name because its type (e.g FAQ, Breadcrumb) already describes the element effectively.
Please do not hesitate to open another thread if you need anything else. We will close this one for now.
Have a nice day.
Best regards,
Ismael -
AuthorPosts
