Forum Replies Created
-
AuthorPosts
-
Hi,
We’re not seeing any preloaded images. Which images did you set to preload? According to the insights report, you need to preload the images listed in the private field.
Best regards,
IsmaelMay 5, 2025 at 6:17 am in reply to: Transparent header on mobile, that goes solid on scroll #1483590Hi,
The header’s background color is initially transparent and changes to black on scroll. Please check the screenshot below:
Best regards,
IsmaelMay 5, 2025 at 6:11 am in reply to: How to reduce the size of Header Extra Elements Phone Number of Small Text? #1483589Hi,
You can adjust the value for all breakpoints, including the first one, which applies to desktops or large screens. To adjust the style of the slider buttons on smaller screens, you can add the following css code:
/* Mobile Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ #top .container .slideshow_inner_caption .avia-slideshow-button { margin-top: 10px; padding: 6px 8px; font-size: 13px; } }
Best regards,
IsmaelHi,
The script seems to be working, as shown in the screenshot below.
Best regards,
IsmaelHi,
There is no option for this out of the box, but you can try any of these plugins.
— https://wordpress.org/plugins/products-compare-for-woocommerce/
— https://wordpress.org/plugins/yith-woocommerce-compare/Best regards,
IsmaelHi,
There is no option to disable the SVG icons, but you can replace them, and use Iconfonts if necessary.
Best regards,
IsmaelHi,
We tried to edit the page but we get this error from BitNinja.
Please contact your hosting provider for more info.
Best regards,
IsmaelHey Dzimnikov,
Thank you for hte inquiry.
You may need to adjust the settings under Appearance > Customize > WooCommerce > Product Images. Set the Thumbnail Cropping option to Uncropped, then adjust the width and height values as needed.
Best regards,
IsmaelHi,
The site is no longer loading on our end. Are you currently editing it?
We tested the video on our end, apply it as the background of the color section and it seems to be loading correctly.
Best regards,
IsmaelMay 2, 2025 at 7:07 am in reply to: How to reduce the size of Header Extra Elements Phone Number of Small Text? #1483480Hey connect4consulting,
Thank you for the inquiry.
You can add this css code code to adjust the font size of the elements in the header and footer.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .phone-info a { font-size: 12px !important; } #socket .sub_menu_socket li { line-height: 1.4em; } }
Regarding the slider caption, try to edit the slides’ Styling > Font Sizes settings. You can define font size values for different breakpoints or screen sizes.
Best regards,
IsmaelHi,
Thank you for the info.
Looks like most of the missing files are related to the LayerSlider plugin. Did you toggle the Enfold > Layout Builder > Integrated (Bundled) LayerSlider Plugin settings before? If you’re not using the plugin, you can set it to the second option (Deactivate).
Best regards,
IsmaelHi,
Yes, the default content font size and typography settings are recent additions to the theme options. Regarding the line spacing, you can try this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .av-image-caption-overlay-center { line-height: 1em; } }
Best regards,
IsmaelHi,
Great! Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelHi,
The theme does store the _av_css_styles in the database, but this is done for every page or post, so it should be unique. Which element class are you referring to? Please create a test page and provide the site details in the private field — screenshots will also help.
Best regards,
IsmaelMay 2, 2025 at 6:08 am in reply to: Support request for some modifications of header in case of 3 widgets in there #1483470Hi,
Thank you for the update.
You can try this css code to adjust the width of the header:
@media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ #top #header #header_main .container.av-logo-container { width: 100%; max-width: 100%; margin: 0; padding: 0; } .responsive #top #header #header_main .inner-container .logo { margin-left: 70px; } .responsive #top #header #header_main .inner-container .main_menu .avia-menu.av-main-nav-wrap { padding: 0 50px; } .responsive #top #header #header_main .inner-container .widget:nth-child(5) { margin-right: 50px; } }
Regarding the search form, please check this thread:
— https://kriesi.at/support/topic/how-to-move-the-search-box-into-the-sidebar/#post-1074058
Best regards,
IsmaelHi,
Glad you found the feature useful. You can use the following css code to adjust the size of the social icons and disable the animation.
.av-share-box ul li a { font-size: 30px; transition: none; opacity: 1; visibility: visible; }
Best regards,
IsmaelHi,
Try to add this css code:
.responsive #top #main { margin-top: -1px; }
Best regards,
IsmaelHey LUIGI,
Thank you for the inquiry.
You may need to preload the logo in the header and the slider image in the very first section of the page to improve the LCP score. This can be done manually with a custom code or you can use the following plugin.
— https://wordpress.org/plugins/preload-lcp-image/
The following articles should also help to further optimize the site:
— https://developer.wordpress.org/advanced-administration/performance/optimization/#browser-caching
— https://gtmetrix.com/wordpress-optimization-guide.htmlBest regards,
IsmaelHey a_edemirci,
Thank you for the inquiry.
Are you using the Advanced Layout Builder to create the product content? Please note that ACF fields will not display automatically in this case. You may need to switch to the default editor or use the dynamic content feature to manually display the ACF field values. Please check the documentation below.
— https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/
Best regards,
IsmaelHi,
But I wonder how the top video is working now? Anyways, do you know why the bottom one still isn’t.
It’s working because we removed the query parameter as mentioned above. Please try it again.
Best regards,
IsmaelHey mhannondesign,
Thank you for the inquiry.
The site contains an older version of the theme, 6.0.8. Please upgrade it to the latest version, 7.1 and let us know if the issue still occurs.
— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey fanlokbun,
Thank you for the inquiry.
You can create a custom footer page that can be selected under Enfold > Footer > Default Footer & Socket Settings > Page-based Footer options. In the footer page, add two sections, one for mobile and another for desktop view. To control their visibility on different screen sizes, go to Advanced > Responsive > Element Visibility settings. Let us know if you need more info.
Best regards,
IsmaelHi,
Thank you for the update.
You may need to remove the body and p tag configs in the Enfold > Advanced Styling panel because they override the custom styling of the image caption. You can adjust the Default Content Font Size in the Enfold > General Styling > Typography panel instead.
Here is what it looks like after we removed the advanced styling of the p and body tags.
`
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
You have to remove the query parameter “?feature=share” from the Youtube URL.
Best regards,
IsmaelHi,
Thank you for the inquiry.
We can’t reproduce the issue on our end. This is what we see when we check the site on smaller screens.
Regarding the watermark, you can try using one of the plugins listed below.
— https://wordpress.org/plugins/next-watermark/
— https://wordpress.org/plugins/image-watermark/
— https://wordpress.org/plugins/tags/watermark/Best regards,
IsmaelMay 1, 2025 at 7:31 am in reply to: Support request for some modifications of header in case of 3 widgets in there #1483433Hey Enfoldfanatic,
Thank you for the inquiry.
1.) You can adjust this in the Enfold > Main Menu > Burger/Mobile Menu > Menu Overlay Style settings. Set it to Full Page Overlay Menu.
2.) To align the menu with the logo on mobile view, add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #header #header_main .container.av-logo-container .inner-container { display: flex; } .responsive #top #header #header_main .inner-container .main_menu { order: 2; flex-basis: auto; top: 20px; } }
3.) Could you provide a screenshot showing where you’d like the search icon to display?
Best regards,
IsmaelHey whdsolutions,
Thank you for the inquiry.
Clicking on the animation should automatically apply it to the layer if we are not mistaken. Where can we check the issue? Please provide the site URL and login details in the private field.
Best regards,
Ismael -
AuthorPosts