Hi Ismael,
Ok. In this case, is it possible to reduce the space between the search bar and the results when the search is carried out on a scrolled page?

Thank you again,
Can you get me CSS code to reduce the stretch of the Easy Sliders on my home page? But need to be careful because I need the stretched image for the Top Full Width Slider images. Last time the code reduced both. I just need the Easy Sliders reduced. Here is screenshot of long images: https://img.savvyify.com/image/Screen-Shot-2025-04-24-at-9.20.36-PM.9qqfd
This same thing happened on this support thread, but it won’t fix this current issue. Here is the old thread: https://kriesi.at/support/topic/i-need-css-code-for-enfold-theme-reduce-stretched-image-on-mobile-view-for-easy/
This code didnt work:
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: auto !important;
}
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 450px !important;
object-fit: cover;
}
Hi,
Have you tried checking for the URL? Just replace the $logo_url with the actual URL of the logo image.
Best regards,
Ismael
Hi,
I try to place the search results under the search bar when we scroll the page : I would like them to move under the search bar when you scroll the page / to stay glued under the search bar when we scroll. Currently they remain frozen in the center of the screen

Thank you in advance
Thanks for this answer.
We’re unfortunately experiencing unusually large overhead due to that function and need to optimize it. New Relic is showing 15s+ loading times. Each call invokes wp_load_alloptions which seems redundant. Perhaps those can be saved as some variable or context.
I’m attaching a short loom video in the private content area going through New Relic.
Our server resources are strong and we’re already using strong page caching, optimized images, etc. but we’re a high-traffic store and therefore wish to optimize even those instances.
Looking through New Relic, I’m noticing a humongous amount of calls to avia_deep_decode, which is okay. However, one redundant thing is within it, which calls get_bloginfo (and wp_load_alloptions). Tracing get_bloginfo, it only seems to retrieve the charset. Could that somehow be cached on a global level without the need for a function call?
I’m looking to learn if these can somehow be further optimized as to primarily reduce our expensive dedicated server load as well as improve cached performance.
Regards,
Neven
Hi,
We can’t find the “Go to Project” anywhere in the page, front or backend. This is the screenshot of the editor.
View post on imgur.com
We edited the page again, added a color section with background image, a heading element and another image.
View post on imgur.com
Please try using a different browser or device.
Best regards,
Ismael
Hi and thanks again for your help!
This doesn´t work for me – i need the headlines aligned to the content below.
I changed the slider element to a color-element with a fullscreen image on top.
For the headline i created a column (.headlineOverImage) with a negative margin and a white background-color.
My question now: Would it be also possible to adjust just the white background to 100%. (And keep the headings narrower ?)
Hey solf,
Thank you for the inquiry.
Try to add this css to disable the copyright transition:
.avia_desktop .av-masonry-entry:hover .av-image-copyright.av-copyright-left {
transform: none;
}
Best regards,
Ismael
Hey tsays,
Thank you for the inquiry.
You can use this css code to disable the background image of the color sections on mobile view:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#top .avia-section {
background-image: none !important;
}
}
Best regards,
Ismael
Hey,
The copyright notice on the images in a Masonry Gallery moves on hover. (class = av-image-copyright av-copyright-left)
How can I stop this?
Thanks, solf
I use both an image and a color background on a color section for most of my site, but the images never appear right with the text on mobile. How can I remove images in the color section on mobile only?
Our subsite themes are broken.
They show as completely unformated, missing the colours and all images are missing.
If I make a change to the layout like switching from stretched to boxed, it partially fixes it but the colours and images are gone.
Thank you. I can Google.
Again, what I ask you is to know the proper settings in the Enfold theme for the best speed. Performance And Optimization . “ Don’t you have any tutorials on how to see these settings?” could help me here?
Why am I getting excessive DOM on every page? Did you even look at the Page Speed Insights? I saw you look at someone else’s and gave them extensive help so I added the link in.
I ADDED IN THE PLUG IN AND RAN A TEST.
Largest Contentful Paint element 7,130 ms
Defer offscreen images Potential savings of 493 KiB
Reduce initial server response time Root document took 1,430 ms
Serve images in next-gen formats Potential savings of 97 KiB
Eliminate render-blocking resources Potential savings of 160 ms
Reduce unused CSS Potential savings of 56 KiB
Ensure text remains visible during webfont load
Avoid serving legacy JavaScript to modern browsers Potential savings of 9 KiB
Reduce unused JavaScript Potential savings of 100 KiB
Avoid an excessive DOM size 1,071 elements.
I spoke to a man who wants thousands of dollars to speed up this website. (I do not make any money off of this. My art is and my advise my gift to the world) which is way too much … its only slow on MOBILE… he MENTIONED AVIA FILES INSTEAD OF Jpeg. Do you have any information on usith this in Enfold?
I don’t think the plug in did anything.
anything you can do to help would be appreciated.
-
This reply was modified 11 months, 4 weeks ago by
extraeyes.
-
This reply was modified 11 months, 4 weeks ago by
extraeyes.
Hi!
I was trying to create a custom layout containing a section with a dynamic background (Custom Field Image) value: {wp_custom_field:_thumbnail_id}
It works OK for one post, but background image is being cached and displayed for all other posts as well.
I dag into the av_section code to find that attribute is being rendered nicely, but the dynamic CSS class (avia-section.av-m8303wih-f038c6badb9db50289ff3c9a39d18731) that defines section background does not update.
A quick workaround for this scenario:
// Force bg for secion as it does not update when dynamic avia element is used
// Enfold forces CSS bg, but it is cached and does not update for different posts
// although it is calculated OK for secion atts
add_filter('avf_sc_section_before_close', function($output, $atts) {
if (!$atts['src_dynamic'] ?? false || !$atts['src'] ?? false)
return $output;
$style_attr = ' style="background-image: url('. esc_url($atts['src']) .') !important;"';
return substr_replace($output, $style_attr, 4, 0);
}, 999, 2);
Actually, the image you posted does not show the backend. There is a “Go to Project” button which doesn’t exist in the backend, and the photo at the bottom is missing. Moreover, the block I inserted was visible in the backend and has never appeared on the front-end (this is the problem) — the image you shared clearly shows the front-end.
In short: the photo you posted shows a completely different version of the site compared to what I see in the admin panel. I have cleared the cache, used different browsers, and even asked friends to check — the issue remains the same.
I’m sorry to say this, but it seems you are either not understanding the problem or perhaps explaining it poorly, because you keep showing images of how the site appears on the front-end, while the backend displays something entirely different.
If everything is working as you claim, please try to clearly add any image — a flower, a landscape — on the homepage, along with a short text like “hello!”… We are unable to do this, even though we manage many websites.
This is a serious issue that I kindly ask you to consider carefully, because it’s not on our end and it’s forcing us to rebuild the entire site from scratch using another template.
why tis imagine https://imgur.com/a/ExyJWEd that is in the backend is not visible in the frontend (as we can see also looking at the imagine you posted) ? is so for everything…
Hi,
Thank you for the screenshot.
Have you tried applying top padding to the column containing the image? This should push the image downward.
View post on imgur.com
As for the box-shadow, you may need to use a photo editor to apply a shadow effect directly to the transparent image, then re-upload it.
Best regards,
Ismael
something is not right, I did a full WP reinstall and still having issues with the images not showing up?
This reply has been marked as private.
https://img.savvyify.com/image/Screenshot-2025-04-22-at-9.24.13-PM.9qAky (Link to a page where items were automatically deleted during an update!)
It looks great, but do you see the little vertical line that is on the right of the burger icon? How can we remove this?
https://img.savvyify.com/image/right-side-bar.9q2ze
Thanks for that, but it had the logo at the top and didn’t look very good.
I think my 2 biggest things are just to have the Logo centered and responsive to any size screen. Seem like when I shrink my desktop view, it is too close to the burger icon.
And the second is the “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view? https://img.savvyify.com/image/Screen-Shot-2025-04-22-at-10.31.27-AM.9qZEU
And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?
does that belong to charter school page or to your priverproducts.com page?
sorry i thought you like to have that look of your example page.
So maybe you try :
#top .av-burger-overlay-bg {
z-index: 3;
opacity: 1;
background-image: url(https://sonoranwaters.armourcloud.io/wp-content/uploads/2025/04/Custom-Pool-Designer-and-Builder-in-Scottsdale-Sonoran-Waters-3-1.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
display: block;
position: fixed;
}
#top .av-burger-overlay-inner {
z-index: 3;
opacity: 1;
background-image: url(https://sonoranwaters.armourcloud.io/wp-content/uploads/2025/04/Sonoran-Waters-Logo_LONG.png);
background-repeat: no-repeat;
background-size: 450px;
background-position: center top;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(2px)
}
you header settings and logo behaviour should be corrected generally.
Overlapping with burger icon etc. – that is something we can do for burger overlay then too.
and maybe this is nicer on transparency headers:
#top .av-main-nav-wrap {
float: right;
position: relative;
z-index: 3;
padding: 0 !important;
margin: 0 0 0 15px !important;
}
.header_color.av_header_transparency .av-hamburger-inner,
.header_color.av_header_transparency .av-hamburger-inner::before,
.header_color.av_header_transparency .av-hamburger-inner::after {
background-color: #FFF ;
}
#top .av_header_transparency .phone-info,
#top .av_header_transparency .social_bookmarks li a {
color: #FFF;
}
#top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
border: none !important;
}
And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?
Please let me know on the last logo question. And also, I have “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view?
https://img.savvyify.com/image/Screen-Shot-2025-04-22-at-10.31.27-AM.9qZEU
Thanks and that did appear to work, but I’m just wondering why this was necessary. Now when I look on my mobile, in edit mode, it covers the top headers. (see screenshots) And on my other sites, it just shows normal.
My other sites also didn’t need code to have header top menu be at the very top. The gap on Champion schools seems like it would be a setting or something.
Anyways, if you know, let me know.
Here is the same CSS code website that I have, that has the correct header. Why can’t Champions schools have the same header? I think all the setting are the same. https://sonoranwaters.armourcloud.io/#
https://img.savvyify.com/image/gap.9qUHp
https://img.savvyify.com/image/not-logged-in-and-see-bar.9qWKhhttps://img.savvyify.com/image/WEIRD-AT-TOP.9qGdc
https://img.savvyify.com/image/CORRECT.9qxiF
Yes, that is the setting I had it on already. Screenshot 1
But this is what I see:
And if I ad a fallback image the black bars are filled with the fall back image like this: http://derrickc6.sg-host.com/wp-content/uploads/2025/04/3.png
It’s very weird. And dose the same thing if I add it as a background video via a color section.
Kind regards,
Derrick
Hello everyone,
I’m facing an issue with the Color Section in the Avia Builder. The sections with headings and images are only visible when I’m logged in. Once I disable the maintenance mode on my website and try to view it in an incognito browser, only one page with a Color Section works as expected.
Additionally, any changes I make to the homepage are not being applied when the maintenance mode is disabled, regardless of the browser I use. The header and Color Sections with images are not showing up.
Has anyone else experienced this issue? Any suggestions on how to fix it?
Thanks in advance for your help!
Hi,
Thank you for the inquiry.
You may need to revert the position of the image and text in the mega menu title or remove the link from the image. Make sure the text is placed above the image. This allows the script that generates the mobile menu to render the text link instead of the image link.
Best regards,
Ismael