Forum Replies Created
-
AuthorPosts
-
Hey Jonas,
Thank you for the inquiry.
Autoplay will only work if the video is muted or for users who manually enabled or allow media autoplay on their browsers. By default, background video is disabled on mobile devices, so adding a fallback image is required. You could try the Layer Slider element instead.
Best regards,
IsmaelSeptember 18, 2020 at 12:40 pm in reply to: Recaptcha not working on zorbas.dk and se! [URGENT] #1246789Hi,
Yes, you should keep the plugin disabled or try to contact the plugin developers and ask them if they could inspect the issue further.
Can i use the google recaptsca for other contact forms like caldera forms?
The spam protection or recaptcha option will only work on the default contact form from the builder.
Best regards,
IsmaelHi,
Thank you for the info. We’ll close this thread now. Please don’t hesitate to open another if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Is the page scrolled in those screenshots? We couldn’t see or reproduce the issue on our end.
There is a huge space in the home page because of the horizontal rule or separator element below the hero image. The height of the horizontal rule is set to 170px.
Thank you for your patience.
Best regards,
IsmaelSeptember 18, 2020 at 12:28 pm in reply to: Layer Slider Sliders are not showing in String Translation #1246782Hi,
Yes, that’s what we observed from older threads and users ended up creating new sliders from scratch. There seems to be no way to scan text or strings from old sliders prior to installing the string translation extension. Sorry for the troubles.
Best regards,
IsmaelHi,
Alright. We would like to check the site again but encountered a few jQuery errors from the svgs-inline-min.js file. Did you install a new plugin? Please disable those plugins first so that we could check the masonry element.
Uncaught ReferenceError: jQuery is not defined
https://meinwaldkirchen.de/wp-content/plugins/different-menus-in-different-pages-premium/public/js/different-menus-for-different-page-public.js?ver=2.2.0:32
different-menus-for-different-page-public.js:32:1Best regards,
IsmaelSeptember 18, 2020 at 12:01 pm in reply to: How to set a calculated date to filter blog posts #1246755Hi,
You’re welcome! We’re glad it worked. Please don’t hesitate to open a new thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Sorry about that. We forgot to check the mobile menu and search icon after moving it to the left of the sidebar. To make them clickable again, please increase the z-index value from 102 to 200 or higher from this css code.
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu { right: auto; z-index: 102; left: 0; top: 0; }This should be:
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu { right: auto; z-index: 200; left: 0; top: 0; }We might have to increase the z-index of the widget and the cart icon as well.
.responsive #top .cart_dropdown { z-index: 200 !important; } .responsive #top #header .widget { z-index: 201 !important; }Best regards,
IsmaelSeptember 18, 2020 at 8:11 am in reply to: Woocommerce checkout form not responsive on mobile and alignment issues #1246691Hey!
Thank you for the update.
We did not notice that the forum automatically converted the selector woocommerce to a link, so the css code broke. We adjusted it a bit. Please try the css code again and make sure to purge the cache and remove the browser history. Let us know how it goes.
Regards,
IsmaelSeptember 18, 2020 at 8:05 am in reply to: Change Woocommerce product sidebar to right side #1246689Hi,
That should be possible as well. We could wrap the product image and the description container inside another div and increase the containers’ width.
Please replace the snippet with the following code.
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() { echo "</div>"; } 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: 70%; float: left; } .product-main-container::after { content: ''; display: table; clear: both; } .product-main-container .single-product-main-image, .product-main-container .single-product-summary { width: 100%; }keyword: product sidebar full width image description
Best regards,
IsmaelHi,
Yes, the same thing would happen on a lightbox video. One solution is to upload the video to your own server instead of using third party video hosts like Youtube or Vimeo.
Thank you for your patience.
Best regards,
IsmaelSeptember 18, 2020 at 7:33 am in reply to: Icon List Items: Header Tags not rendered in output and TOC #1246676Hi,
@TusBolsosyMochilas: You could open a new thread using the form on this page. https://kriesi.at/support/forum/enfold/#new-postBest regards,
IsmaelSeptember 18, 2020 at 7:21 am in reply to: Section background images not displaying correctly on mobile devices #1246664Hi,
Thank you for the info.
Did you add this css code to disable the fixed background effect?
.fullsize { background-attachment: scroll !important; }Please move the css code inside this css media query to target newer versions of iPad (Pro) devices.
@media only screen and (max-width: 1366px) { // move css code here }The fixed background effect could cause background images to be distorted on iPad devices because the property is not or partially supported by the device.
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 details// https://caniuse.com/background-attachment
Best regards,
IsmaelHi,
Glad it’s working. Please don’t hesitate to open a new thread should you have further inquiries. We’ll close this one now.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
For some reason, the staging site redirects to “lamassa” after logging in to the dashboard, so we couldn’t modify the style of staging site. Please disable the redirect so that we can edit the staging site.
Or place this code in the Quick CSS field or the child theme’s style.css file to remove the space above the sidebar which should also move the whole content container upwards.
.content, .sidebar { padding-top: 0; }Best regards,
IsmaelSeptember 18, 2020 at 6:53 am in reply to: Recaptcha not working on zorbas.dk and se! [URGENT] #1246648Hi,
Thank you for the info.
We just found out that the spam protection doesn’t work only when the Flying Scripts by WP Speed Matters plugin is activated. We deactivated the plugins temporarily so that you could test it on your end. Please check the page in the private field.
Best regards,
IsmaelSeptember 18, 2020 at 6:36 am in reply to: Embed Facebook Video in Blog Post – Images not Showing #1246646Hi,
Thank you for the update.
The selector that we used for the gray line is not correct. Sorry about that. Please look for this code..
.home #av_section_1 .entry-content .post_delimiter { display: none !important; }.. and replace it with:
.home #av_section_1 .post_delimiter { display: none !important; }Best regards,
IsmaelSeptember 18, 2020 at 6:29 am in reply to: Lazy-Load Not Working on Blog, Gallery, or Portfolio Item Images #1246645Hi,
Thank you for the reply.
Does it work correctly when the elements’ option Lazy Loading Of Images is enabled for the element? Please post the login details in the private field so that we could check the site.
Best regards,
IsmaelSeptember 16, 2020 at 1:36 pm in reply to: Single post: Use advanced layout editor and place related posts at bottom #1246328Hi,
Thank you for the update.
The same modification works on our end. We added this code in the template-builder.php file around line 104 or after echoing the content as you described above.
if(is_singular('post')) { get_template_part('includes/related-posts'); }The related posts section will display posts that have the same tags by default, so we don’t have to change anything regarding that.
Best regards,
IsmaelHey creativeopole,
Thank you for the inquiry.
This is actually the intended behavior; parallax effect is disabled on mobile devices by default. The script can be found in the js > shortcodes.js file around line 261:
if(_self.isMobile) { return; //disable parallax scrolling on mobile }Best regards,
IsmaelHi,
Thank you for the update.
The magazine template is located in the magazine > magazine.php file inside the same directory. The title of the magazine item is rendered around line 1264:
$output .= "<{$titleTag} class='av-magazine-title entry-title {$titleCss}' {$markupTitle}>{$title}</{$titleTag}>";Best regards,
IsmaelHey davodoner,
We replied on the other thread. Please continue here..
// https://kriesi.at/support/topic/logo-center-on-mobile/#post-1246155
Best regards,
IsmaelHi,
Sorry for the delay. Looks like this is no longer an issue on mobile view. Did you add this css code to disable the other scroll bar inside the modal popup window?
.responsive .tabcontainer { overflow: hidden; }Best regards,
IsmaelHi,
Thank you for the info.
The issue happens because there are two scrollbars within the lightbox container, one scrollbar is for the tab section or consent info container and the other is the default scrollbar of the lightbox or modal popup container. So when the user swipes in the middle of the screen, only the consent info container scrollbar moves.
To fix the issue we have to disable the scrollbar of the consent info container or the tabs and leave the default scrollbar of the lightbox container. Please try to use this css code.
.responsive .avia-popup .av-inline-modal .tabcontainer.sidebar_tab { overflow: hidden; }Make sure to toggle or temporarily disable the Performance > File Compression settings after adding the code.
Best regards,
IsmaelHi,
Look for the Enfold > General Styling > Logo Area panel and the Background Image settings, select the Upload Custom Image option, then upload the custom image as background. We might have to add a few css adjustments to make it look like more like the header in the other site.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the update.
We could use this css code to center align the logo, move the mobile menu and search icon to the left and keep the account button beside the cart icon on mobile view same as the screenshot above.
@media only screen and (max-width: 767px) { .responsive #top .logo { width: 100%; } .responsive .logo img { left: 50%; transform: translateX(-50%); } .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu { right: auto; z-index: 102; left: 0; top: 0; } }Best regards,
IsmaelHi,
You’re welcome! Glad it worked. If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelSeptember 16, 2020 at 5:24 am in reply to: Video player has grey overlay on mobile devices & doesn't appear to autoplay. #1246151Hi,
Thank you for the update.
We could only add the video as a separate element inside the tab section cells, but not as background of the grid container. This is only possible with the Slider or Color Section element.
Best regards,
IsmaelSeptember 16, 2020 at 5:21 am in reply to: Woocommerce checkout form not responsive on mobile and alignment issues #1246150Hi,
Glad it’s working. We could add a margin to the bottom of the checkout form to prevent the order review container from touching the footer.
#top .woocommerce-checkout::after { content: ''; overflow: auto; content: ""; display: table; clear: both; } #top .woocommerce-checkout { margin-bottom: 100px; }If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks! May the force be with you.
Best regards,
IsmaelHi,
We still have no idea why those blog posts get converted to ALB automatically. It is possible that a plugin or a third party script is causing this, so disabling the plugins temporarily in the staging site might help get rid of the issue.
One pattern that could be observed is that the blog posts which gets converted to ALB have their comment section off automatically as well.
The comment section will not display automatically when ALB is active. It has to be added manually in the page using the Comments element from the builder.
Thank you for your patience.
Best regards,
Ismael -
AuthorPosts
