Forum Replies Created
-
AuthorPosts
-
May 3, 2021 at 5:39 am in reply to: Need help adding a full-screen static hero with a button #1297852
Hi,
Thank you for the update.
If you are using the Fullwidth Easy Slider, you can add a button or two in the slide’s Advanced > Link Settings panel. Set the Apply a link or buttons to the slide? settings to the third or fourth option.
Best regards,
IsmaelHi,
Glad to know that it is now working. Regarding the scroll position, try to adjust this line to control the final scroll position in the document after clicking an anchor.
$(window).scrollTop( pos.top - 100 )
The code above tells the script to scroll to the actual position of the tab section container minus 100px.
Best regards,
IsmaelMay 3, 2021 at 5:21 am in reply to: Using Responsive Images and Img Srcset with WordPress 4.4+ #1297845Hi,
UPDATE: This is a list of shortcodes or template files that contains the Av_Responsive_Images class.
slideshow**
blog
catalogue
gallery
horizontal gallery
image
image hotspot
logo slider
masonry**
magazine
portfolio
post slider
lightbox
team
logo** some variants or styles may not have the srcset attribute
Best regards,
IsmaelHi,
Thank you for the info.
Are you referring to the masonry gallery in the home page? Please try to use this css code to adjust the items’ width to 100% on mobile view.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #top .av-masonry-entry { width: 100%; } }
Best regards,
IsmaelMay 3, 2021 at 5:12 am in reply to: Using Responsive Images and Img Srcset with WordPress 4.4+ #1297842Hi,
@thp: We do not have a list of elements yet, but you can assume that every shortcode or template file that contains the Av_Responsive_Images class and is using its methods should render responsive images.
For example, the enfold/config-templatebuilder/avia-shortcodes/image/image.php file should contain this line, which outputs an image markup with the srcset attribute.
return Av_Responsive_Images()->make_content_images_responsive( $output );
It can be easily done using any text editors’ search feature. In Microsoft VS Code for example, just hit CTRL + SHIFT F in Windows, or CMD + SHIFT + F in Mac to search for the Av_Responsive_Images in every files in the theme.
You can also assume that every template that is using the get_the_post_thumbnail or the wp_get_attachment_image function will render responsive images or an image with the srcset attribute.
Best regards,
IsmaelHey Kali,
Thank you for the inquiry.
Are you referring to the full screen sliders? They look fine on our end — the stretching is normal because the images have to cover the whole slider container while maintaining the images’ aspect ratio.
Best regards,
IsmaelHey Renko,
Thank you for the inquiry.
This is actually a known issue with the Visual Artist demo and its parallax backgrounds. The sections do not look the same on mobile view because parallax effects are automatically disabled.
We usually recommend the following css code to fix the background, but it will also disable the fixed effect and background images will just scroll with the page.
@media only screen and (max-width: 1024px) { #top .avia-bg-style-fixed .av-parallax{ background-attachment: scroll !important; background-size: cover !important; } }
You can also create a different home page for mobile view without the parallax effect. To assign a different page for mobile, you can try this script.
// redirect home page on mobile add_action( 'wp_footer', 'ava_wps_params', 9999 ); function ava_wps_params() { ?> <script> if (window.location.pathname == '/' && jQuery(window).width() <= 767) { window.location = "/newpage/"; } </script> <?php }
From: https://www.wpstud.io/show-different-homepage-mobile-devices/
Best regards,
IsmaelApril 30, 2021 at 4:21 pm in reply to: Using Responsive Images and Img Srcset with WordPress 4.4+ #1297598Hey JoeSurf,
Thank you for the inquiry.
Yes, the theme implements the native srcset feature on some elements, but not all. Which specific image element are you interested in? ‘
To activate it, just got to the Enfold > Performance panel and look for the Responsive Images option. The option is also available for lightbox images.
Best regards,
IsmaelHey jfoahs04,
Thank you for the inquiry.
Did you configure the event style in the customizer?
// https://theeventscalendar.com/knowledgebase/k/wordpress-customizer/
If you want to add a background behind the event container, this css code should help.
.tribe-common-l-container.tribe-events-l-container { background: #ffffff; }
Best regards,
IsmaelHey NicomIT,
Thank you for the inquiry.
It is probably looking for an actual label element with the for attribute. Something like this..
<label for="s">Search</label>
This script might help.
// custom script // remove placeholder and create label element add_action( 'wp_footer', 'ava_custom_script_ajax_search_mod' ); function ava_custom_script_ajax_search_mod() { ?> <script type="text/javascript"> (function($) { $("#s").attr("placeholder", ""); $("<label for='s'>Search</label>").insertBefore("#s"); })(jQuery); </script> <?php }
Best regards,
IsmaelHi,
Thank you for following up.
There is a closing tag at the very end of the functions.php file, so we removed it and added the script. We also removed the code block from the what-we-do page. It is working properly now.
Please make sure to purge the cache and hard refresh the page.
Best regards,
IsmaelHi,
Thank you for the token.
We added the ava_mobile_logo script in the functions.php file and disabled the litespeed cache plugin temporarily. It seems to be displaying the appropriate version of the logo on mobile view now. Please do not forget to purge the cache, remove the browser and do a hard refresh before checking the page on mobile.
Best regards,
IsmaelHi,
Thank you for the info.
We were able to access the site and get to the dashboard, but when we go anywhere, we get this message, which seems to be a maintenance notice.
Wegen Wartungsarbeiten ist diese Website kurzzeitig nicht verfügbar. Schau in einer Minute nochmal vorbei.
Please make sure that the account is an admin, or try to temporarily disable the maintenance plugin.
Best regards,
IsmaelHi,
Alright. Please post the account info (WP and FTP) of the staging site in the private field. For additional info or assistance, try to contact the authors of the URE plugin.
Thank you for your patience.
Best regards,
IsmaelApril 30, 2021 at 12:38 pm in reply to: Language flags back in the menu after upgrading to 4.8.2 #1297533Hi,
Thank you for following up.
It works, but only in the main menu
Glad to know that it is partially working. To remove the language switcher from the top bar or from the secondary menu, we added this bit in the snippet above.
remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10 ); remove_action( 'ava_main_header_sidebar', 'avia_wpml_language_switch', 10 );
Please try it again.
Best regards,
IsmaelApril 30, 2021 at 12:34 pm in reply to: Enfold theme update is creating problem in my site design #1297532Hi,
Thank you for the update.
We disabled the Enfold > Performance > File Compression settings temporarily and deleted the old css and js files. The site is working properly now. Please purge the cache and do a hard refresh before checking the page.
Best regards,
IsmaelHi,
The images in the portfolio page of both Magyar and Deutsch languages are displaying properly on our end. (see private field)
Where and how can we reproduce the issue? If you are using the Polylang plugin, please check the following documentation.
// https://polylang.pro/doc/working-with-media/
Best regards,
IsmaelApril 30, 2021 at 12:21 pm in reply to: adjustments to the horizontal timeline (milestones) #1297527Hi,
Thank you for the update.
so I wonder if there is a code to leave them as it is on mobile devices?
You can wrap the css code above with a css media query to keep the changes on desktop view.
@media only screen and (min-width: 989px) { /* desktop styles - move css code here */ }
To move the date to the left a bit, add this css code.
.avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date > a, .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date > strong { text-indent: -16px; }
Best regards,
IsmaelHey dithinks,
Thank you for the inquiry.
Which part of the footer are you trying to adjust? Is it the copyright text? Please note that each language has its own theme options and requires separate configuration.
Best regards,
IsmaelApril 30, 2021 at 7:07 am in reply to: Come posso tradurre frasi nella pagina del checkout di woocommerce ? #1297476Hey cristinagrafik,
Thank you for the inquiry.
Looks like it is from the mailchimp-gdpr-fields. Are you using a plugin for Mailchimp?
You can try either one of the following plugins to translate the text.
// https://wordpress.org/plugins/say-what/
// https://wordpress.org/plugins/loco-translate/Best regards,
IsmaelHi,
Thank you for the update.
Add this snippet in the functions.php to render the flags inside the header.
function ava_icl_language_selector(){ $langs = array(); $languages = function_exists('icl_get_languages') ? icl_get_languages(): []; foreach($languages as $l){ $langs[] = '<a href="'.$l['url'].'">'.$l['code'].'</a>'; } echo "<div id='av-custom-lang-switcher'>"; echo join(' ', $langs); echo "</div>"; } add_action('ava_main_header', 'ava_icl_language_selector');
Then use this css code to adjust the position of the switcher.
#av-custom-lang-switcher { position: absolute; right: 50px; bottom: 0; }
Best regards,
IsmaelApril 30, 2021 at 5:55 am in reply to: WooCommerce Product Slider – Set Number of Columns to 1? #1297463Hi,
Please refrain from replying to older threads and open your own instead. Post the site URL and any necessary information in the private field. We will close this one for now.
Thank you for understanding.
Best regards,
IsmaelApril 30, 2021 at 5:51 am in reply to: Google Analytics Cookies are set before accepting the cookie consent #1297460Hi,
Thank you for the info.
There is an extra “a” after the “be” in the site URL above, which is why it did not work previously.
How did you implement the Google Analytics? We checked the Enfold > Google Services > Google Analytics Tracking Code field, but it is empty. Please note that the privacy option can only detect and prevent the tracker if it is implemented through the Theme Options. If you are using a third party plugin to enable the tracker, the privacy options will not be able to block it.
Best regards,
IsmaelHi,
Hang in there! :)
We have temporarily disabled the Performance > File Compression settings because the option (Load only used elements) will only work if compression is disabled, as we have mentioned above.
We created a page containing a single text block to test it and it seems to be working as expected. Not all resources or scripts are loaded in the page — only those that are required.
Screenshot: https://imgur.com/K7lNfrU
Because there is no Icon Grid element in the page, the icongrid.js and icongrid.css file are not loaded. This is true for every other elements except for scripts and stylesheets that the theme requires out of the box, e.g. slideshow, video, tabs, toggle etc.
Best regards,
IsmaelHi,
Thank you for the update.
You may need to increase the height of the column to 450px because the initial height of the first slider inside the TECHNOLOGY section is 434px. You will also have to adjust this height on different screen sizes using css media queries.
Please do not forget to toggle the Performance > File Compression settings qfter adding the css code and purge the cache before testing.
Best regards,
IsmaelHi,
Can we see the site? Please post the site or page URL in the private field. We have to check the gallery, just to make sure that we are referring to the same element.
Did you toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code?
Best regards,
IsmaelHi,
Unfortunately, that is not possible without significant modification in the theme. The function or script js > avia.js > avia_hover_effect requires an actual image element, which is not available in the milestone bullet because the image is applied as background. You may have to continue using the css code that we recommended above.
Thank you for your patience.
Best regards,
IsmaelHi,
Sure thing! Please do not hesitate to open another if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
The snippet that recommended above will just disable the debug mode and hide the warnings. Can we access the site? Please post the login details in the private field, and make sure that the Appearance > Editor panel is accessible.
Best regards,
Ismael -
AuthorPosts