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
Hi,
Thank you for the inquiry.
To improve LCP, you can preload the first image above the fold and make sure that all images are compressed.
— https://wordpress.org/plugins/preload-lcp-image/
For more info on how to optimize the loading speed, you can check out the articles below.
— https://wpengine.com/resources/improve-wordpress-site-speed/
— https://gtmetrix.com/wordpress-optimization-guide.html
Best regards,
Ismael
Any Idea when you will get to this?? I waited all day.. today is my day towork on website. thank you. I added a lazy load plug in. But there are many issues. ARE THERE SOLUTIONS TO MY PROBLEMS THAT DO NOT REQUIRE ME GOING TO SCHOOL TO LEAN CODE?
Ensure LCP image is loaded with high priority
Initiate LCP image requests from the HTML document
Avoid marking too many requests as high priority
Lazy load offscreen images
Use modern image formats
Create required server connections proactively
-
This reply was modified 5 days, 6 hours ago by
extraeyes.
Hi Rikard,
I hope you have received my accesses. Here is the error message that is displayed in the Backend on the page.

Best regards,
mickhb
-
This reply was modified 5 days, 14 hours ago by
mickhb.
-
This reply was modified 5 days, 14 hours ago by
mickhb.
-
This reply was modified 5 days, 14 hours ago by
mickhb.
I installed the medical theme and am trying to modify, but the images are not appearing? Whats happening?
Please advise, never had this issue before
Page speed on some of my pages on MOBILE is 7 AND 8 SECONDS.
I asked for help once before, and I was told to use images no larger than 800 wide.
Here is a page that I did exactly what you told me, and it takes 7 seconds on mobile but is super fast on desktop.
I also had asked for help in setting the Enfold theme settings Website Performance And Optimization But I was not offered much help.
Since this is your theme dont you have any tutoritals or anything to figure out this confusing page??
I really have to figure out why this is happening. Page speed insights says: Avoid an excessive DOM size 1,115 elements
A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn how to avoid an excessive DOM size.TBT
I don’t know how to fix any of this… any help will be greatly appreciated.
Is there anyway to get someone who is willing to help me on this topic?
THANK YOU..
https://pagespeed.web.dev/analysis/https-photomagx-com-portfolio-item-n-j-fishing-pier-photography/ss9kh6vfkg?form_factor=mobile
-
This topic was modified 5 days, 18 hours ago by
extraeyes.
-
This topic was modified 5 days, 18 hours ago by
extraeyes.
Hey schweg33,
Thank you for the inquiry.
In the Navigation Label field of the search menu item, you can replace the text with the icon shortcode or an icon image.
[av_font_icon icon='search' font='svg_entypo-fontello' style='' caption='' size='40px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-m9qks9nw' sc_version='1.0' admin_preview_bg=''][/av_font_icon]
Best regards,
Ismael
Hey goldengate415,
Thank you for the inquiry.
Fixed background images with background-size set to cover are not fully supported on iOS devices.
— https://caniuse.com/background-attachment > Known Issues
iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details
You may need to set the background-attachment to scroll on iOS devices or smaller screens.
@media only screen and (max-width: 1024px) {
/* Add your Mobile Styles here */
.avia_mobile .avia-full-stretch {
background-attachment: scroll !important;
}
.avia-bg-style-fixed {
background-attachment: scroll !important;
}
}
Best regards,
Ismael
Hi,
Thank you for the inquiry.
Have you tried using the Layer Slider element? You can also add an Image element and manually position it as fixed using custom css.
— https://www.w3schools.com/css/css_positioning.asp
Best regards,
Ismael
Hey Martin Riemer,
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
Mike
Hey myadminsuper,
It sounds like your theme is using the old API key.
Evenon (Theme Forest) changed the key to”
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
Mike
Hey nis59,
unfortunately, OVH blocks our IP so you will not be able to download the demos.
I can recommend manually installing the demo by first importing the demo on a localhost and copying the images to your online host via FTP using the same directory structure then editing the .xml demo file found at \wp-content\themes\enfold\includes\admin\demo_files\enfold-2017.xml by replacing http://kriesi.at/themes/enfold-2017/files/ with https://Your-Domain.com/wp-content/uploads/ in a plain text editor such as vscode, please note the trailing slash and the https if your site is using https this should replace about 243 instances, the rest of the link should remain the same, such as /2015/07/marker3.png because you uploaded the images using the same directory structure.
After all of this you will still need to do a little tweaking such as setting the correct menu in the menu options and sorting out the footer widgets
Or you could install the demo on a localhost and then use the plugin Duplicator to move to your live site, this works well for hosts that blocks our IP.
Best regards,
Mike
Hi,
Thank you for your patience, we have asked the Dev Team to review your IP address, only a few has access to this.
As this is a holiday weekend, it may take some time.
I can recommend manually installing the demo by first importing the demo on a localhost and copying the images to your online host via FTP using the same directory structure then editing the .xml demo file found at \wp-content\themes\enfold\includes\admin\demo_files\enfold-2017.xml by replacing http://kriesi.at/themes/enfold-2017/files/ with https://Your-Domain.com/wp-content/uploads/ in a plain text editor such as vscode, please note the trailing slash and the https if your site is using https this should replace about 243 instances, the rest of the link should remain the same, such as /2015/07/marker3.png because you uploaded the images using the same directory structure.
After all of this you will still need to do a little tweaking such as setting the correct menu in the menu options and sorting out the footer widgets
Or you could install the demo on a localhost and then use the plugin Duplicator to move to your live site, this works will for hosts that blocks our IP.
Best regards,
Mike
Hey Sandra,
Sorry I’m not sure which logo that you mean, perhaps a screenshot would help.
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
Best regards,
Mike
Hi,
Try using this code to the end of your child theme functions.php file instead in Appearance ▸ Editor:
function my_woocommerce_catalog_orderby( $orderby ) {
unset($orderby["menu_order"]);
unset($orderby["rating"]);
unset($orderby["rand"]);
unset($orderby["id"]);
unset($orderby["category"]);
unset($orderby["title"]);
unset($orderby["price"]);
unset($orderby["popularity"]);
unset($orderby["relevance"]);
unset($orderby["default"]);
return $orderby;
}
add_filter( "avf_wc_product_order_dropdown_frontend", "my_woocommerce_catalog_orderby", 20 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Without the code, my test site shows this:

with the code my test site shows only the date and it works correctly:

Best regards,
Mike
Hi,
I checked your mobile view of your site:

but I don’t think that I understand what the issue is, perhaps a screenshot would help.
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
Best regards,
Mike