Forum Replies Created
-
AuthorPosts
-
July 9, 2024 at 6:56 am in reply to: Images not displaying on Windows computers, but do display correctly on Macs #1461656
Hi,
Thank you for the inquiry.
The images are also not displaying when we checked the site on macOS using Chrome. This issue might be due to the images in the srcset attribute being loaded via http instead of https. Have you installed any plugins related to images?
Best regards,
IsmaelHi,
Thank you for the inquiry.
Question: where will the language switcher appear?
The switcher should appear beside the main menu, but it can be adjusted with css, or we can reposition it using a different template hook. Let us know if you need any adjustments.
Best regards,
IsmaelHey amyncuih,
Thank you for the inquiry.
You can set the container of the color section to full width with custom css. Please check the link below for more info:
// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
Best regards,
IsmaelHi,
Thank you for the update.
Is the issue happening on a specific page? We created a test page, and the text block seems to be working as expected. Please check the link in the private field.
Best regards,
IsmaelHey carmen,
Thank you for the inquiry.
If you want to add the theme’s Table of Contents (TOC) to your pages, you can use the Widget Area element from the Advance Layout Builder (ALB). Just create a custom widget area, add the TOC widget, edit a page, add the Widget Area element, and then select the custom widget area. Let us know if this helps.
Best regards,
IsmaelHi,
Thank you for the info.
We edited the contact page and set the Styling > Font Sizes > Caption Title Font Size to 18px for mobile devices. The default custom size is 60px. You can also adjust the size for desktop and tablet in portrait/landscape modes. The font size should respond automatically if the Font Size default is set to the initial option, but since it’s set to a custom size (60px), you have to manually define the font size for all screen sizes. Please check the screenshot in the private field.
Best regards,
IsmaelHey Maureen,
Thank you for the inquiry.
To disable the product sorting, please add this filter in the functions.php file:
add_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );Best regards,
IsmaelJuly 9, 2024 at 5:41 am in reply to: Translatepress shortcode not working in Advanced Layout Editor #1461648Hey MartinOptLand,
Thank you for the inquiry.
Where are you using the shortcode? It should work in a Text or Code Block element, but you can only use the shortcode for content inside those elements. You cannot use it to control the visibility of other elements.
Best regards,
IsmaelHey S.,
Thank you for the inquiry.
but I want to avoid loading additional elements for the player.
Using the fullwidth slider should work in this case. What do you mean by “player”? It’s possible that only parts of the image are visible because the background image has a different aspect ratio and size compared to the container. Please note that the size of the color section will adjust based on the content, not the dimensions of the background image.
Best regards,
IsmaelHey beverlystone,
Thank you for the inquiry.
You should be able to use custom fields to create links between pages in different languages. Here’s how:
1.) Edit the page in English (EN) language. Create a custom field named “language_switch_url” and enter the URL of the corresponding page in French (FR).
2.) Repeat this process for the page in French (FR) language, making sure you use the URL of the English (EN) page in the “language_switch_url” custom field.
3.) Finally, add the following code to your theme’s functions.php file to create a language switcher after the main menu:
add_action('ava_after_main_menu', function () { $switch_url = get_field('language_switch_url'); if ($switch_url) { ?> <div class="av-custom-language-switcher"> <a href="<?php echo esc_url($switch_url); ?>"> <?php _e('Switch to Other Language', 'avia_framework'); ?> </a> </div> <?php } }, 10, 1);Best regards,
IsmaelHey zdenkab,
Thank you for the inquiry.
The meta robots tag is correctly set to “index, follow” when we checked the home page, which means that the page can be indexed or crawled by search engines.
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">The indexed demo pages should be updated soon, considering that they have been deleted or updated, but it may take a while. We recommend adding more content (to your blog or news page) on a regular basis. Have you tried submitting a sitemap to Google?
// https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap#addsitemap
Best regards,
IsmaelJuly 8, 2024 at 5:41 am in reply to: Full Screen Slider & Featured Images Image Sizes messed up #1461575Hey Lokita,
Thank you for the inquiry.
Did you set the Advanced > Slide Animation > Slideshow Image scrolling settings to Parallax or Fixed? If so, it’s normal for the image to be enlarged to create the delayed scrolling effect. On a 2560x1440px screen resolution, the size of the slider is 1440x700px. You can resize the image to the same size or aspect ratio, but please note that parts of the image may still get cut off because of the scroll effect.
Best regards,
IsmaelHey!
Please continue here: https://kriesi.at/support/topic/2-time-click-on-left-side-bar-menu/
Best regards,
IsmaelHey May Park,
Thank you for the inquiry.
We recommend cloning the site to a development or staging environment, performing the update there, resolving any issues, and then transferring the changes to the live site. If your current version is older than 5.0, you may need to update the theme manually using S/FTP. For more info, please refer to the links provided below.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfoldBest regards,
IsmaelHi,
Great! Glad to know that you’ve found the issue. Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
Have you tried activating a default theme to see if you can use the Theme File Editor when Enfold is not activated? It’s a bit difficult for us to determine the issue since we can’t reproduce it on our own installation.
Best regards,
IsmaelHi,
Thank you for the update.
Which browser are you using on iPhone 8? If it’s an outdated browser, it’s possible that it doesn’t support the IntersectionObserver feature, which could be why the script is not working as expected.
Best regards,
IsmaelHi,
I have added to the color-section background as advised
We actually meant using the Video element and placing it inside a Color Section to make it full width. Like sliders, when using a background video in the Color Section, you need to add a fallback image.
Best regards,
IsmaelHi,
Thank you for the update.
When the default editor is active, single posts are rendered using the single.php file. However, once the Advanced Layout Builder (ALB) is activated, the template-builder.php file is used. Hope this helps.
Best regards,
IsmaelHey Dimitri Maesfranckx,
Thank you for the inquiry.
Did you use the same email or account when purchasing the new license? According to your user info, the account attached to the last purchase code is only supported until 2019-11-22T00:08:58+11:00, which is November 21st, 2019. You may need to create a new forum account using the latest purchase code or extend the support license of the previous theme license associated with the purchase code below. (see private field)
Best regards,
IsmaelHi!
Thanks for the info.
We can still see the animation when the screen width is lower than 399px and even smaller than that. However, please note that as of 2024, the smallest smartphone screen resolutions typically found are around 720 x 1440 pixels, so this shouldn’t be an issue for most visitors.
Cheers!
IsmaelHey lauragrashoff,
Thank you for the inquiry.
Did you follow the guidelines for the font file structure, especially for the Calibri font? Please note that Custom Font Manager is intended for Google Fonts, but you can still upload custom fonts from other sources provided that the file structure is correct. Please refer to the documentation below for more details.
// https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts > File Structure
Best regards,
IsmaelHi,
Sorry for the confusion. I was looking at the columns below that section. Please try this css code instead.
.responsive #top #wrap_all #two-col .flex_column { width: 47%; clear: none !important; min-height: 230px; float: left; } .responsive #top #wrap_all #two-col .flex_column_table .av-flex-placeholder:nth-child(2) + .flex_column, .responsive #top #wrap_all #two-col .flex_column_table .av-flex-placeholder:nth-child(6) + .flex_column { margin-left: 6%; }Best regards,
IsmaelHey pierremartin311,
Thank you for the inquiry.
The animation only starts when we scroll down to the “Nos réalisations” section. Is this the intended behavior? There’s nothing notably different in how the site is rendered under 400px.
Best regards,
IsmaelHey leloux,
Thank you for the inquiry.
Are you referring to the “Collectie” menu item? By default, the submenu items should display on hover, but on your site, it only displays on click. Did you modify the behavior of the submenu items?
Best regards,
IsmaelHi,
Thank you for the update.
When we add the Video element in the builder, it only render one source for the HTML video element, so by default the server should not trigger requests for other formats. We are not sure how your server handles video requests, but adding fallback video formats in this case will not actually improve performance significantly because the server will still trigger the same HEAD requests for other formats. The only upside is that it will not return a 404 error and will be able to actually fetch the videos.
This is the html of the video element with an mp4 video, and as you can see, it only has a single source:
<video class="avia_video av-mediajs-loaded" preload="auto" id="player_3137_736197941_270250769_html5" src="world-video.mp4"> <source src="world-video.mp4" type="video/mp4"> </video>Do you have access to your apache server configuration or the .htaccess file? This might not help at all, but you can set it to prioritize mp4 videos and ignore the other formats. Please edit the .htaccess file and add this code rule.
# Only serve MP4 files for video requests <FilesMatch "\.(mp4)$"> ForceType application/octet-stream Header set Content-Disposition attachment </FilesMatch> # Disable serving other video formats <FilesMatch "\.(webm|ogg|mkv|avi)$"> Order allow,deny Deny from all </FilesMatch>Best regards,
IsmaelHey James,
Thank you for the inquiry.
The CLS is actually good, but the overall score on mobile is a bit low because of LCP (Largest Contentful Paint), which is related to the background image (Custom-Ice-Background.webp) in the first color section. We recommend reducing the size of the image to 1440px or lower and installing a compression plugin before uploading it back as the background.
You can also enable lazy loading in the Enfold > Performance > Responsive Images And Lazy Loading panel, then add this code in the functions.php file to preload the image.
function ava_preload_image_in_wp_head() { $image_url = 'https://iceworksus.com/wp-content/uploads/2024/02/Custom-Ice-Background.webp'; $mime_type = 'image/jpeg'; $image_handle = 'custom-ice-machine'; echo ' <link rel="preload" href="' . esc_url($image_url) . '" as="image" type="' . esc_attr($mime_type) . '" id="' . esc_attr($image_handle) . '">'; } add_action('wp_head', 'ava_preload_image_in_wp_head');Best regards,
IsmaelHi,
No problem! Please feel free to open another thread if you have more question about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thanks for the update.
You may need to set a minimum height to the columns. Please try to replace the css with this code:
.responsive #top #wrap_all #two-col .flex_column { width: 47%; clear: none !important; min-height: 230px; }Best regards,
IsmaelHey egouldmedia,
Thank you for the inquiry.
Normally, you would need to edit the templates directly to change the default layout of a post, or use the Advanced Layout Builder to create custom layouts. In version 6.0, you can now utilize the Custom Layouts and Dynamic Content features to create advanced layouts for posts or custom post types. Please refer to the documentation below for more information.
// https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/
Best regards,
Ismael -
AuthorPosts
