Forum Replies Created
-
AuthorPosts
-
Hi,
The background-attachment: fixed property is only partially supported on Safari browsers and Android browser doesn’t support it at all. It’s possible that the version you’re checking it with doesn’t support the property.
Please check the link below for more info: https://caniuse.com/background-attachment
Known Issues:
— Firefox does not appear to support the local value when applied on a textarea element.
— Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.
— iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see detailsBest regards,
IsmaelHey atx_m,
Thank you for the inquiry.
There is no element like this out of the box, but you might be able to use the theme’s default lightbox feature to open inline content or embed an actual page in an iframe. Please check the links below for more info.
// https://kriesi.at/support/topic/popup-window-3/#post-1337540
// https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/
// https://kriesi.at/support/topic/pop-up-feature/#post-1395322
// https://kriesi.at/support/topic/team-member-element-open-team-member-description-in-lightbox/#post-1354989This is the documentation about the lightbox feature: https://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe-type
Let us now if you need more info.
Best regards,
IsmaelHey Novacom_Tahiti,
Thank you for the inquiry.
Have you tried updating or temporarily removing the header.php file from the child theme? Let us know the result.
Best regards,
IsmaelHey lara666,
Thank you for the inquiry.
You may need to try our suggestion here to enable the Page Order field for the portfolio items: https://kriesi.at/support/topic/portfolio-items-order/#post-1477856
Then add this filter to order the items by Post Order value:
add_filter('avia_post_slide_query', 'avia_post_slide_query_mod'); function avia_post_slide_query_mod($query) { $query['orderby'] = 'menu_order'; $query['order'] = 'ASC'; return $query; }Best regards,
IsmaelFebruary 27, 2025 at 6:49 am in reply to: Consent Dialogue: [av_privacy_google_tracking] greyed out for Firefox (desktop) #1478084Hey LMS,
Thank you for the inquiry.
It seems to be displaying correctly on our end. Please check the screenshot below:
Have you tried checking it on incognito mode?
Best regards,
IsmaelFebruary 27, 2025 at 6:40 am in reply to: Consent Dialogue: button (“lock icon”) not displayed on Firefox mobile #1478083Hey LMS,
Thank you for the inquiry.
What do you mean by “Consent Dialogue”? Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelHi,
It seems to be working correctly on our end. Please try adding it again, then toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know the result.
Best regards,
IsmaelFebruary 27, 2025 at 6:35 am in reply to: How to add social Media accounts BlueSky & Mastodon? #1478081Hi,
You might have forgotten to include the site URL in the private field. Please provide the site URL, and we’ll try to implement the custom icon for you.
Best regards,
IsmaelHi,
Would you mind providing a screenshot of the changes that you’d like to implement? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHey dondela,
Thank you for the inquiry.
The modification is not being applied. Have you tried temporarily disabling the Performance > File Compression settings? Please also make sure that there are no invalid css entries in the Quick CSS field.
Best regards,
IsmaelFebruary 27, 2025 at 6:06 am in reply to: Responsive Font size change not working on mobile #1478078Hi,
Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
Great! Glad it’s fixed. Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
This is possible, but it will require modifications beyond the scope of support. Please note that pages/posts using the ALB also require these custom fields:
_aviaLayoutBuilder_active
_aviaLayoutBuilderCleanData
_avia_builder_shortcode_tree
_avia_sc_parser_state
_av_alb_posts_elements_state
_av_el_mgr_versionThese entries will not be generated without manually switching to the Advance Layout Builder.
Best regards,
IsmaelHey bonsaimedia,
Thank you for the inquiry.
Polylang usually relies on manual translation, and the same applies to Custom Layouts. You will need to manually create a different version of the custom layout for another language and assign it to the translated page.
Best regards,
IsmaelHey mary301187,
Thank you for the inquiry.
Looks like you already found the Styling > Background > Background Attachment settings. If you’re not seeing the effect in mobile view, it’s possible that the browser doesn’t support the background-attachment property.
Best regards,
IsmaelFebruary 27, 2025 at 5:30 am in reply to: Flexible Masonry no or too large white border above and below images #1478073Hi,
Thank you for the screenshot.
Did you install a lazy load or any plugins related to images? Adding this code in the functions.php file should help:
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize() { ?> <script> (function($) { var resizeInterval = setInterval(function() { $(window).trigger('resize'); }, 1500); $(window).on('load', function() { setTimeout(function() { clearInterval(resizeInterval); }, 500); }); })(jQuery); </script> <?php }Best regards,
IsmaelHi,
You have to translate the menus because once any page is translated, WPML creates another version of the site for a different language. This separate version requires its own menu since WordPress menus are language-specific. If the menu isn’t translated, it won’t appear on the translated pages and WPML will assign a default menu, usually containing all pages. Please try to translate the current menu to the other language.
Best regards,
IsmaelHey waveseven,
Thank you for the inquiry.
You may need to open a popup with an inline content containing the SVG image. Please check this thread for more info: https://kriesi.at/support/topic/pop-up-lightbox/#post-1429478
Best regards,
IsmaelFebruary 27, 2025 at 5:16 am in reply to: WooCommerce Product Image Too Big on Mobile – Need Help #1478070Hi,
Thank you for the update.
We added the modification in the live site.
Best regards,
IsmaelHi,
We added the class name “av-grid-narrow-column” to the grid row element containing the columns, then added this css code.
@media only screen and (min-width: 989px) { .responsive #top #wrap_all .av-grid-narrow-column .flex_cell { top: -100px; position: relative; max-width: 64%; display: block; margin: 0 auto; } }Please remove the 500px padding on both grid row.
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
As mentioned here, https://kriesi.at/support/topic/navigation-fullwidth/, you can set the Enfold > Header > Header Layout > Menu And Logo Position to “Logo center, Menu below”, then upload the SVG as logo in the Enfold > Theme Options panel. You may need to adjust the Enfold > Header > Header Size to custom pixel value.
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
Set the Enfold > Header > Header Layout > Menu And Logo Position to “Logo center, Menu below”, then add this css code to adjust the maximum width of the menu container:
#header #header_main_alternate .container { max-width: 100vw; }Let us know the result.
Best regards,
IsmaelHi,
@Guenni007: He’d like to change it with the an actual image. Thank you for the info.Best regards,
IsmaelHi,
No problem! Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelFebruary 26, 2025 at 7:59 am in reply to: Responsive Font size change not working on mobile #1477994Hi,
We added this css code to adjust the casing of the heading tags:
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; letter-spacing: 1px; }And regarding the padding issue, did you add this css code?
main.template-page.content.av-content-full.alpha.units { padding-bottom: 0px !important; padding-top: 0px !important; }This removes the default padding of the color sections.
Best regards,
IsmaelHey Matthew,
Thank you for the inquiry.
Where can we check the issue? Please create a test page, then provide the URL in the private field. In the meantime, try to temporarily disable the Enfold > Performance > File Compression settings. Let us know if the issue persists.
Best regards,
IsmaelHey xfacta,
Thank you for the inquiry.
You can add this css code to limit the height of the embedded video.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top .flex_column.av-6x5rog-a89aa535bbb4f44ff97f6d467f65c8b1 .avia_codeblock iframe { height: 200px; margin-bottom: -50px; } }Best regards,
IsmaelHi,
Try to adjust the height, width and line-height properties in the css code above.
Best regards,
IsmaelFebruary 26, 2025 at 6:56 am in reply to: Responsive Font size change not working on mobile #1477986Hi,
Have you tried using the Special Heading element instead of the Text Block? The custom styles set in the Text Block are not being applied because the base styles for the H1 element are overriding them. Please try replacing the Text Block with the Special Heading element, then set the heading tag to H1.
Best regards,
Ismael -
AuthorPosts
