Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
We may need to create a new container inside the header and place the logo and widgets inside. Please add this code to the functions.php file:
function ava_custom_script_header_container() { ?> <script> (function ($) { function g() { var newContainer = $('<div>', { class: 'container' }); $('#header_main').children('.widget, .av-logo-container, .cart_dropdown').appendTo(newContainer); $('#header_main').append(newContainer); } $(document).ready(function () { g(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_header_container');
Then include this css code to adjust the maximum width of the new container:
#header_main > .container { max-width: 1360px; }
Best regards,
IsmaelHey reqonsult,
Thank you for the inquiry.
How can we display the video automatically in the mobile version too?
This is not possible with the Fullscreen Slider or any builder elements with background video. Only the fallback image will be displayed when viewed on mobile devices. If you need to display the video on mobile devices, you may need to use the Video or Layer Slider element. When using the Layer Slider, you can set a video layer as a background video.
Best regards,
IsmaelMay 17, 2024 at 7:39 am in reply to: Color Section Background Image Appearing Differently On Different Size Screens #1444022Hey clbdcnpafe,
Thank you for the inquiry.
The issue you’re experiencing with background images appearing differently on various laptop and desktop screens is due to how the background-size: cover; property works in css. When you use background-size: cover; or when the Background Attachment is set to Stretch to fit, the background image is automatically resize to cover the entire container, maintaining its aspect ratio. This often results in parts of the image being cut off, especially if the aspect ratio of the image doesn’t match the aspect ratio of the container.
If you need the whole image to be visible within the container, you can set the background attachment to “Scale to fit”, which will set the background-size to “contain”. However, this might create spaces around the background image if the aspect ratio or size of the container doesn’t match the background image.
For more info about this property, please check the link below:
// https://www.w3schools.com/cssref/css3_pr_background-size.php
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-sizeBest regards,
IsmaelHi,
Thank you for the info.
We noticed that the Autoptimize plugin is enabled. Have you tried disabling this plugin temporarily or toggling the compression after making changes to the site? We’ll check the site again once the password for the account is available.
Best regards,
IsmaelHi,
Thank you for the info.
When we edited one of the pages and checked the builder, an error was generated by the plugin “PrivateContent”, which might be the reason why the builder is not loading. Have you tried disabling the plugin temporarily?
Best regards,
IsmaelHey tcampaner,
Thank you for the inquiry.
There is no default option for this, but you can use the following css code to create an arrow above the menu items with submenus.
#top .menu-item-has-children:before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
Best regards,
IsmaelMay 16, 2024 at 7:31 am in reply to: Enfold menu centered logo remove line between products and about #1443826Hey spokerstradingco,
Please check: https://kriesi.at/support/topic/navigation-menu-small-separator-height/
Best regards,
IsmaelHey spokerstradingco,
Thank you for the inquiry.
You can add this css code to remove the default border and create another with a definite height.
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text:before { content: ''; width: 1px; height: 22px; background: #c4beb1; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { border: 0; } .av_seperator_small_border .av-main-nav > li.menu-item-top-level-3 > a > .avia-menu-text:before, .av_seperator_small_border .av-main-nav > li.menu-item-top-level-1 > a > .avia-menu-text:before { display: none; }
Best regards,
IsmaelHi,
Thank you for the inquiry.
We added this css code to adjust the width and height of the front page.
.responsive #top.boxed.page-id-329 { width: 100%; max-width: 100%; } .responsive #top #front-page { min-height: 100vh; }
Best regards,
IsmaelHi,
Thank you for the inquiry.
You can add this css code to adjust the hover color of the links in the text block element:
.avia_textblock h4 a:hover strong { color: #a62c0a !important; text-decoration: underline; text-decoration-color: #a62c0a; }
Best regards,
IsmaelHey ijnavas,
Thank you for the inquiry.
We get an error in the console when we try to edit the home (Welcome) page. Have you tried temporarily disabling the plugins? We also noticed that the Welcome page is set as a custom footer. Please deselect the page as a custom footer in the Enfold > Footer panel.
Best regards,
IsmaelHey heldentraeume,
Thank you for the inquiry.
We may need to inspect the elements in order to properly check the issue. Please provide the site URL in the private field.
Best regards,
IsmaelHey nebuddlho,
Thank you for the inquiry.
You can add this css code to adjust the margins on both sides of the header container.
@media only screen and (min-width: 990px) { /* Add your Desktop Styles here */ #header_main.container_wrap_logo .av-logo-container { margin: 0 50px; } #header_main.container_wrap_logo #custom_html-4 { margin-right: 50px; } }
Best regards,
IsmaelHey mattb1169,
Thank you for the inquiry.
Did you upload fonts from Google? Please note that only Google Fonts are allowed in the Custom Font Manager. We were unable to access the site because it requires additional authentication. Please include the info in the private field.
Best regards,
IsmaelHey tsays,
Thank you for the inquiry.
You may need to temporarily disable the Enfold > Performance > File Compression settings and make sure to purge the cache in order to ensure that the changes take effect before checking the page. If the issue persists, please provide the site URL in the private field.
Best regards,
IsmaelHey Genevieve,
Thank you for the inquiry.
You might have forgotten to include the site URL in the private field. Please provide the info in the private field. In the meantime, try toggling or temporarily disabling the Enfold > Performance > File Compression settings, then purge the cache. Let us know if it changes anything.
Best regards,
IsmaelMay 16, 2024 at 6:25 am in reply to: How Do I add a custom button to the Social Buttons element? #1443808Hey Ryan,
Thank you for the inquiry.
Did you add the code in the functions.php file? Please provide the login details in the private field so that we can check the modification. Make sure that the Appearance > Theme File Editor is accessible.
Best regards,
IsmaelHey jetsaveurs.com,
Thank you for the inquiry.
The plugins were disabled when we checked the site. Please activate the necessary plugins, then provide the link to the category pages with the pagination issue.
Best regards,
IsmaelHi,
Looks like you’ve tried to update the theme using the purchase code instead of the personal token. Please review the links that we provided above on how to properly generate a personal token, which can be used to update the theme via the dashboard. If you’re unable to generate a token, you can still update the theme manually via S/FTP.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey JLJF-Janet,
Thank you for the inquiry.
According to the errors above, the private or personal token lacks the required permissions. Please try generating the token again and ensure that the required scopes or permissions are checked. For more info, please review the documentation below:
// https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token
These are the required permissions:
- View and search Envato sites (checked by default) (Required) - View the user’s Envato Account username - View the user’s email address - View the user’s account profile details - Download the user’s purchased items (Required) - Verify purchases of the user’s items - List purchases the user has made (Required)
Best regards,
IsmaelHi,
Thank you for the inquiry.
What do you mean by “scanning the widgets”? Once you’ve entered and validated the API key, you can immediately insert the subscription form widget or use the Mailchimp Signup element in the Advanced Layout Builder.
Best regards,
IsmaelHey Diana,
Thank you for the inquiry.
You can use this css code to adjust the position of the nav arrows:
@media only screen and (min-width: 990px) { /* Add your Desktop Styles here */ .avia-slideshow-arrows.avia-slideshow-controls.av-timeline-nav { width: calc(100% + 100px); overflow: visible; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev>a.prev-slide { left: 50px; top: 10px; position: absolute; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows>a.next-slide { right: 0; left: auto; position: absolute; top: 10px; } #top ul.avia-timeline.avia-timeline-horizontal.av-milestone-placement-top.avia-timeline-.avia_animate_when_almost_visible.avia-timeline-animate.avia_start_animation { margin-left: 50px; } }
Best regards,
IsmaelHi,
In the upcoming major release (6.0) of the theme, there will be a new feature called “Custom Page Layout”, which is almost the same as the Page Content element; the only difference is that it will display the content of items in a custom post type (CPT). This should allow you to easily manage custom layouts for pages and templates. However, we don’t have an estimated release date yet.
Best regards,
IsmaelHi,
Thank you for the info.
Where do you check for these errors? We don’t get the same errors in the browser console when we check the home page. Please provide a screenshot of the error using platforms like Savvyify, Imgur, or Dropbox.
Best regards,
IsmaelHi,
Thank you for the info.
We get this error when we try to edit one the pages.
guten_blocks_restriction.js?ver=8.6.2:4 Uncaught ReferenceError: lodash is not defined
The error is generated from a script in the “private-content” plugin.
/plugins/private-content/js/guten_blocks_restriction.js?ver=8.6.2
Please try to deactivate the plugin temporarily, purge the cache, then test the page again.
Best regards,
IsmaelHey wordpress60,
Thank you for the inquiry.
We noticed that the site contains an older version (4.7.4) of the theme, which is likely why the mobile menu is not displaying as expected. Please create a clone of the site, update the theme to version 5.7.1, and fix the errors before transferring it to the live site. You may need to update the theme manually via S/FTP. Please check the link below:
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey engage24,
Thank you for the inquiry.
You can reverse the post navigation using the following filter. The arrows will stay in the same position, but the sorting of the posts will be reversed.
add_filter( 'avf_post_nav_entries', 'avf_post_nav_entries_mod_reverse', 10, 3); function avf_post_nav_entries_mod_reverse($entries, $settings, $queried_entries) { $entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']); $entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']); return $entries; }
Best regards,
IsmaelHi,
I have only one doubt, if the screen were to be much larger than the one I normally use, would you see white areas on the left and right?
You can check how the site will display on screens with larger resolutions by zooming the browser out. When we tried this, the background image resized automatically and still covered the whole area.
Best regards,
IsmaelHi,
We checked the site again today, and it displayed without issue. We tested it a few times. However, we did notice that the SSL certificate has expired. You might want to ask your hosting provider to renew the certificate.
You can also try disabling the Enfold > Performance > File Compression settings temporarily and the cache plugin to see if the issue persists.
Best regards,
IsmaelMay 15, 2024 at 3:51 am in reply to: Google Maps error: Maps were disabled by the visitor on this site. Click to open #1443542 -
AuthorPosts