Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
You can add this css code to adjust the width of the header container on mobile view.
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .container { width: 100%; max-width: 100%; } }Default width is set to 85%.
Best regards,
IsmaelHi,
Thank you for the update.
The background is not displaying on both browsers, which might be due to the stylesheet minification or compression. Are you using a plugin to compress the stylesheets? Please try to disable the plugin temporarily, then check the page again.
Best regards,
IsmaelHey Martin,
Thank you for the inquiry.
The privacy option is enabled in the live site, which is why the video opens in a different tab. The privacy option disallows external scripts or services from working immediately without user consent. But you can change this behavior by selecting the first or second option in the Enfold > Privacy & Cookies > Cooking Handling > Default Cookie Behavior settings.
Best regards,
IsmaelHey spooniverse,
Thank you for the inquiry.
You should be able to use the date_query parameter to retrieve posts that were published from the last 30 days. An example can be found in the following article.
// https://hirejordansmith.com/how-to-get-posts-published-in-the-last-30-days-using-wp_query/
'date_query' => array( array( 'after' => '-30 days', 'column' => 'post_date', ),You can use the avia_blog_post_query filter to adjust the blog posts query.
Best regards,
IsmaelOctober 12, 2021 at 9:29 am in reply to: Blog post element broken when Woocommerce is activated #1324505Hey wtechgr,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue? We checked the site and the blog posts elements in the home page only display items from the selected categories (Certifications, Private Sessions).
Best regards,
IsmaelHey Rob,
Thank you for the inquiry.
The avia-footer-scripts.js is actually the file containing the merged or compressed scripts, and the avia-gutenberg-dynamic-enfold_child.css will not be registered or enqueued when the block editor is inactive. You can disable the scripts and stylesheets compression in the Enfold > Performance > File Compression settings.
Best regards,
IsmaelHey sdigit,
Thank you for the inquiry.
According to the page speed insight tool, the following issues have to be corrected.
Avoid multiple page redirects:
The site does not resolve directly to the preferred domain, possibly because the DNS (A and CNAME) is not configured correctly. To fix it, please follow the instructions in the following thread.
// https://isotropic.co/how-to-avoid-multiple-page-redirects-on-your-wordpress-site/
Reduce initial server response time
This might be due to the server configuration and other factors such as the number of installed plugins and the theme that is currently used. To further optimize the theme or the site in general, please check the following articles and follow the recommendations.
// https://gtmetrix.com/wordpress-optimization-guide.html
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslowMinimize main-thread work
Minifying and compressing the scripts and stylesheets usually help, but combining the resource files into a single file could potentially delay site rendering. Disabling the option that combines the scripts and stylesheets could be the better option in this case.
Site performance or speed result using Gtmetrix is actually quite good.
// moved to private field
Best regards,
IsmaelHi,
Thank you for the inquiry.
We cannot see any layout issue with the promobox element on mobile view. Would you mind providing a screenshot? The promobox element can be recreated with column and button elements, but you have to manually insert additional html and css.
Best regards,
IsmaelHey Rob,
Thank you for the inquiry.
You can actually toggle the script in the Enfold > Performance > Self hosted videos and audio features (WP-Mediaelement scripts) settings. The script is used for html5 videos and audios, so you can safely deregister the script if you are not using any of those. However, some plugins automatically requires the script, which might cause an error or produce a warning if the script is deregistered.
Best regards,
IsmaelHi,
Great! Glad to know that you managed to fix the issue. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHey Webmaster,
Thank you for the inquiry.
We edited the Settings > Tax > Standard Rates and adjusted the Country Code from UK to GB, which seems to be what the plugin recognizes as the correct country code for United Kingdom (UK). The VAT is now included in the calculation as shown in the screenshot below.
Screenshot: https://imgur.com/WNYgEVf
Best regards,
IsmaelHi,
Sorry for the delay. We only require an FTP account, not the access to the cpanel. Please ask your hosting provider to generate a new FTP account, then post the login details in the private field.
You should also enable the debug log so that we can check for errors.
// https://help.dreamhost.com/hc/en-us/articles/360029327771-Enabling-the-WordPress-Debug-log
// https://wordpress.org/support/article/debugging-in-wordpress/Best regards,
IsmaelHi,
The screenshot you linked is certainly not current, that was from before I added the code.
Please check the date of the screenshot (2021 10 08 at 9:10:08 am). We suggested the css code on the 7th of October 2021 (2021 10 07 at 5:01am).
Please post the login details in the private field so that we can access the site and check the issue properly. Or try to replace the whole css > layout.css file with the following code.
// https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_6_5/css/layout.css
Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
The toggle behaves fine on our installation. The document should scroll to the top of the toggler when it is not visible in the viewport.
Did you revert the changes in toggle.js file? It may not be working on your installation because we previously suggested to remove the following line, which ensures that the active toggler is visible in the viewport.
window.scrollTo(0, container.offset().top - 70);Best regards,
IsmaelHi,
Thank you for following up.
We removed the code that you posted above but it certainly looks correct. The issue might have something to do with the translations because it is working properly on our installation, which is set to the default language (en_US).
Would you mind posting the FTP details in the private field? We may have to access the server in order to debug the issue properly.
Best regards,
IsmaelOctober 8, 2021 at 3:17 am in reply to: Enfold styling seems to have reset and is unchangable #1324019Hi,
Thank you for the update.
Yes, please post the login details in the private field and we will check the site. Did you adjust the value in the Enfold > General Layout > Maximum Container Width field recently?
Best regards,
IsmaelHi,
Thank you for the update.
We do not see the css modifications that we suggested above when we try to look for it in browser inspector. It is supposed to limit the height of the image to 80px and it should work regardless of the device where the site is being tested.
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img, .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg { opacity: 1; max-height: 80px !important; height: 80px !important; }Where did you add the css code? The css code should also display in the browser inspector but it’s not present when we checked the site, which might mean that the css code is not added correctly, has been removed or it was not added at all.
Screenshot: https://postimg.cc/WDhkt9Bp
Best regards,
IsmaelHi,
@Pilarte Thank you for that info. Please open a new ticket and post the site details (WP and FTP) in the private field so that we check the issue further. Which demo are you trying to import? We can hand you the demo files, then you can import it manually using the WordPress import tool.Best regards,
IsmaelOctober 8, 2021 at 3:04 am in reply to: Contact Form – After press sent, the message isn't vissible without scroll up #1324014Hi,
You cannot override the contact.js file directly in your child theme without dequeueing it first. You then have to register it back using the new path in the child theme.
Does it work when you add the modification directly in the parent theme? Please open a new thread if you need more assistance.
This may also help.
// https://kriesi.at/support/topic/megamenu-submenu-items-keyboard-accsessibility/#post-1323717
// https://kriesi.at/support/topic/tabs-select-on-hover/#post-1307497Best regards,
IsmaelHi,
Thank you for the update.
The site is not loading properly on our end. Please post the FTP details in the private field so that we can enable debugging and check the files.
Did you override anything in the child theme? You may need to update those files as well.
Best regards,
IsmaelHi,
Thank you for the update.
Please remove the old Enfold 4.8.3 from the themes folder to rule out any conflict, then replace the content of the themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.php with the following code.
// https://pastebin.com/nJhGCKqf
It is not working correctly because the value in the Posizione Tooltip dropdown option is incorrect.
<optgroup label="Below"> <option value="av-tt-pos-left av-tt-align-bottom">In basso a sinistra</option> <option selected="selected" value="av-tt-pos-right av-tt-align-bottom">In basso a destra</option> <option value="av-tt-pos-below av-tt-align-centered">In basso al centro</option></optgroup>Best regards,
IsmaelHi,
Thank you for the inquiry.
How many portfolio entries are there in total? The default number of posts in the grid is 16, but you can adjust it in the element’s Styling > Pagination > Post Number settings. Also, please note that the category sort buttons can only filter posts that are already present in the page. Items that are located in another page or is not present in the current page will not be dynamically included when sorting.
Best regards,
IsmaelHi,
Thank you for the inquiry.
You may need to disable the Equal Height option and adjust the css code a bit.
.responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div { margin-left: 0%; clear: none; width: 48%; float: left; } .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div { margin-left: 4%; width: 48%; float: left; }Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
Thank you for the update.
The site is still using an older version of the theme (4.8.1), which is probably why the text block issue occurs. You have to upgrade the theme to the latest version (4.8.6.4) immediately. After the upgrade, you may need to toggle or temporarily disable the Enfold > Performance > File Compression settings.
Best regards,
Ismael3Hi,
No problem. Please let us know if you need anything else. We will keep the thread open for the meantime.
Best regards,
IsmaelHi,
Ah yes, I didn’t notice that the site is based on a demo. Please keep the css modifications for now. It only contains a few lines of css code, which should not affect the site negatively.
Best regards,
IsmaelHi,
@wj5: Please open a new thread, provide the login details in the private field and post the link here. We will check the site and test the script. Make sure that the Appearance > Editor panel is accessible.Best regards,
IsmaelHi,
Thank you for the update.
You should find the demo files in the wp-content > uploads > avia_demo_files folder. Just make sure to download them first in the Enfold > Demo Import panel. You can then manually import the xml file in the Tools > Import > WordPress panel.
Best regards,
IsmaelHi,
Great! Glad to know that it is working. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification in the Quick CSS field. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
Yes, the css code above should resize that logo. You may need to include this code inside the css media query to adjust the position of the mobile menu icon.
.responsive #top #header_main>.container .main_menu .av-main-nav>li>a { height: 80px !important; line-height: 80px !important; }This is what we get after applying the css code directly in the browser.
Screenshot: https://imgur.com/zUkNIx1
And yes, this is a known issue and it will be addressed in the next patch. For now, please keep the file modifications and try the suggestions above.
Best regards,
Ismael -
AuthorPosts
