Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the inquiry.
Instead of using toggleClass, try to use the animate function so that you can specify the duration of the transition.
// https://api.jquery.com/animate/
Example:
$( "#clickme" ).click(function() { $( "#book" ).animate({ opacity: 0.25, left: "+=50", height: "toggle" }, 5000, function() { // Animation complete. }); });
Best regards,
IsmaelHi,
Thank you for the update.
This happens on iOS devices such as an iPad because they do not support fixed backgrounds. To fix the issue, we have to set the value of the background-attachment property back to default, which is scroll.
@media only screen and (max-width: 989px) { .avia-full-stretch{ background-attachment: scroll !important; } }
Related thread: https://kriesi.at/support/topic/parallax-problem-picture-size-on-ipad/#post-1262565
Best regards,
IsmaelHey jvingerhoets,
Thank you for the inquiry.
It seems to be working normally on our end — tested the staging site and church demo on Firefox Dev Windows 10, and we do not see any script errors in the browser console that might cause the issue.
Best regards,
IsmaelHey Kristin,
Thank you for the inquiry.
Please open a single thread for each inquiry instead of stacking them up on a single post. This will allow the moderators to focus on the question at hand and keep the thread concise and relevant to the original topic. Also, users usually receive a more immediate response this way.
Now, to answer your very first questions.
1.a) In the home page, try to remove the transparent spaces around the logo and upload it again. The theme will automatically resize it based on the height of the header, and we could also manually resize it using css when necessary.
1.b) Use this css code to add a space below the main menu and above the main content.
#header_main_alternate { padding-bottom: 50px; }
1.c) This css code should remove the 100px left margin of the testimonial name.
.avia-testimonial-meta { margin-left: 0; }
1.d) To resize the footer widget title and content, use this css code.
.widgettitle { font-size: .8em; } #footer .widget p { font-size: 12px; }
Please open new threads or posts for the rest of the inquiries.
Best regards,
IsmaelHi,
Thank you for the update.
This might be due to the theme’s Performance > File Compression settings or the cache plugin. Please try to disable the compression settings and the cache plugin temporarily or while you are still working on the site configuration.
Best regards,
IsmaelDecember 14, 2020 at 6:48 am in reply to: Icon grid with images not working anymore because of special characters? #1267033Hi,
Thank you for the update.
We have added the esc_html function in the latest version to properly escape html tags and prevent the builder structure or layout from breaking because of unclosed or invalid tags. You will have to modify the enfold\config-templatebuilder\avia-shortcodes\icongrid\icongrid.php file around line 1888 to be able to continue the use of images within the title field.
$output .= "<{$title_el} class='av_icongrid_title icongrid_title{$icongrid_title} {$av_title_font_classes} {$title_el_cls}' {$markup} {$title_styling_str}>" . esc_html( $atts['title'] ). "</{$title_el}>";
Best regards,
IsmaelHi,
Sorry for the late response. It is not probably working yet because the Performance > File Compression settings is enabled. Please toggle the settings or temporarily disable it to regenerate the stylesheets. And to change the menu item color for transparent headers, please use this css code instead.
.av_header_transparency .avia-menu-text { color: #e0e0e0 !important; }
This should only change the menu item color when the header is transparent and keep the default color on scroll.
Best regards,
IsmaelHi,
Unfortunately, we are still not sure why it is not working in your installation. It works fine on ours, so it is probably server-related. Do you have another domain or a development version of the site?
Best regards,
IsmaelHey roamingk,
Thank you for the inquiry.
You could add another widget beside the other and apply a unique class name to it or use its generic ID so that you could style it with css. Set it so that it is hidden by default, then use css media queries to display it back on mobile view and hide the other.
We will have to inspect the widgets in order to provide the correct css. Please post the site or page URL in the private field so that we could check the elements.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Hotspots open on mouse hover by default, but you could change the behaviour in the Advanced > Animation > Show Tooltips settings of the hotpost element.
Best regards,
IsmaelHi,
That is correct, but please note that only monocolored icons are allowed in the pack. To be sure that the font icons that you select will work, try to browse icons from fontello.com instead of flaticon.
Best regards,
IsmaelDecember 14, 2020 at 4:06 am in reply to: How do I make the Fullwidth Easy Slider video visible in mobile? #1266987Hey bjorn3w,
Thank you for the inquiry.
Videos added in the slider or in any full width element as background are automatically disabled on mobile devices and will revert back to a fall back image if provided. If you really need to display a video on mobile view, you could either add the Video element in place of the slider by toggling the Element Visibility settings or try to use the Layer Slider.
Best regards,
IsmaelHey poplin,
Thank you for the inquiry.
That is possible but we have to modify the enfold\includes\helper-social-media.php file and adjust the text around line 331.
$this->title = $title !== false ? $title : __( 'Share this entry', 'avia_framework' );
We could also use the following plugin to replace the text.
// https://wordpress.org/plugins/say-what/
Best regards,
IsmaelHey Fiachra,
Thank you for the update.
Try to replace this line..
$(‘.hide_this’).toggle();
.. with:
$(this).next(".learn_this").toggle();
.. so that it will only open the next element with the class name “learn_this”.
Best regards,
IsmaelHi,
So I have to choose
Yes, as explained in the previous thread, the current implementation of the lightbox or of the Magnific Popup script is not compatible with the latest Woocommerce 3.0 gallery. The new 3.0 gallery still has a zoom in and lightbox feature, which can be enabled by adding the following snippet in the functions.php file.
// https://kriesi.at/support/topic/woocommerce-gallery-lightbox/#post-1248170
Best regards,
IsmaelHey Jak73,
Thank you for the inquiry.
This may actually depend on the value of the Maximum Container Width option in the Enfold > General Layout > Dimensions or based on the most common screen sizes used nowadays. Most common screen resolution is 1920x1080px and 1366x768px, so any image size that will fit between that resolution should work fine.
// https://www.hobo-web.co.uk/best-screen-size/
Best regards,
IsmaelHey lzevon,
Thank you for the inquiry.
Try to set the skip_output parameter to false to make sure that the navigation is displayed in the post.
/** * Use the following as a frame for customization * * @since 4.5.6 * @param array $settings * @return array */ function my_avf_post_nav_settings( array $settings ) { /** * Skips e.g. pages. * * get_previous_post() and get_next_post does not support hierarchical post types by default. * You need to implement your own logic. */ if( true === $settings['is_hierarchical'] ) { $settings['skip_output'] = true; return $settings; } /** * Limit post types you want to have navigation */ if( ! in_array( $settings['type'], array( 'post', 'portfolio' ) ) ) { $settings['skip_output'] = true; return $settings; } /** * Add other settings */ $settings['same_category'] = false; $settings['is_fullwidth'] = false; /** * Make sure we show navigation */ $settings['skip_output'] = false; return $settings; } add_filter( 'avf_post_nav_settings', 'my_avf_post_nav_settings', 10, 1 );
Best regards,
IsmaelHi,
The Appearance > Editor panel is not accessible, so we were not able to edit the functions.php file. Please try to replace the snippet with the following code.
function avia_masonry_custom_query( $query ) { if(is_page(38)) { $exclude_cat = array('category__not_in' => '38'); $query = array_merge((array)$exclude_cat, (array)$query); } return $query; } add_filter('avia_masonry_entries_query', 'avia_masonry_custom_query');
Or enable the file editor by setting the DISALLOW_FILE_EDIT to true so that we could adjust the snippet.
// https://wordpress.org/support/article/hardening-wordpress/#disable-file-editing
Best regards,
IsmaelHi,
Thank you for the update.
Looks like you are using a different SEO plugin and the number of images for each page are properly listed in the sitemap, including the images in the mentioned pages above. (see private field)
Best regards,
IsmaelDecember 13, 2020 at 12:37 am in reply to: How to put commas to separate taxonomies from different groups of taxonomies #1266823Hi,
Did you try the suggestion above regarding WP_Term object? You may need to loop through each term and check if the previous one belongs to the same taxonomy as the current one. If this is true, then render the comma.
Is the site live? We could also remove the unnecessary comma in the front end using Javascript. Please post the site or page URL containing the posts with categories so that we could check the elements.
Best regards,
IsmaelDecember 13, 2020 at 12:33 am in reply to: Equal height columns break layout in "The events calendar" events #1266821Hi,
Sorry for the delay. Did you use the avf_alb_supported_post_types filter to enable the ALB for the post type? We are not yet sure why this is not working as it should, and so we may have to access the dashboard in order to check it properly. Please post the login account info in the private field.
Best regards,
IsmaelDecember 13, 2020 at 12:29 am in reply to: Cumulative Layout Shift (CLS) on related_posts on mobile #1266819Hi,
Thank you for the info.
Have you tried using a different cache and/or minification plugins? Sometimes trying different combinations of plugins or extensions and of their settings fix these kind of issues.
Best regards,
IsmaelHi,
You are welcome! Please do not hesitate to open a new thread if you need anything else. We will close this one for now.
Have a nice day.
Best regards,
IsmaelHi,
The script should attach a click event listener to the Graham Capital menu item. Did you test that menu item?
Would you mind if we access the dashboard and the file server so that we could test the modification? Please post the WP details in the private field and the FTP details as well if it is available. If FTP is not available, please make sure that the Appearance > Editor panel is accessible so that we could edit the files when necessary.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the link.
The following css code should prevent the header from sticking on scroll on mobile view and remove the unwanted space inside the header container.
@media only screen and (max-width: 767px) { .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header { position: relative; } #menu-item-shop .cart_dropdown_link { height: 30px !important; line-height: 30px !important; } }
Best regards,
IsmaelDecember 13, 2020 at 12:15 am in reply to: Apple Music / Spotify / Amazon – social icons in the menu bar? #1266814Hi,
Thank you for the update.
Yes, sorry for the confusion. Did you create a backup or a restore point as suggested above? This is very important because you may lose the current theme configuration if you fail to properly activate the child theme.
Please restore the site using the backup or the restore point, then post the WP and FTP login details in the private field so that we could add the social icons.
Best regards,
IsmaelDecember 13, 2020 at 12:10 am in reply to: Header image size differs in Firefox / Chrome / IE #1266813Hi,
Glad it is solved. Please open a new ticket or thread for new inquiries or requests to keep this post concise and to avoid unnecessary confusion. We will close the thread for now.
Thank you for your understanding.
Best regards,
IsmaelHi,
Would you mind if we access the dashboard and the file server? We have to be able to edit the above script in order to properly test it. Please post the WP and FTP details in the private field.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the screencast.
Did you set the header to be sticky on mobile view? Try to edit the js > avia.js file and remove this code around line 650.
if (isMobile) { fixedMainPadding = 0; }
Please do not forget to toggle or to temporarily disable the Performance > File Compression settings after doing the modification.
Best regards,
IsmaelDecember 12, 2020 at 11:59 pm in reply to: Background Image Not Showing In Color Section When Code Block Is Present #1266810 -
AuthorPosts