Hi suzpolo,

We apologize for the delayed response.
The background-attachment fixed is disabled in ios devices.
This has been quoted as the reason why it’s disabled:

Fixed-backgrounds have huge repaint cost and decimate scrolling performance, which is, I believe, why it was disabled.

– https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios
Here are some supporting statements but you can find some of their suggestions as some hack/tweak into that behavior:
– https://www.joomshaper.com/forums/background-fixed-image-on-ios-mobile-devices
– https://css-tricks.com/forums/topic/background-attachmentfixed-not-working-on-mobile/

Best regards,
Nikko

Hi mosaic,

We apologize for the delay.
Can you try the issue is still there?

Best regards,
Nikko

Hi kumharas,

I see now what you meant by alternate and main content.
Please hide breadcrumbs in Enfold > Header > Header Title and Breadcrumbs.
Then in your child theme’s functions.php add this code at the bottom:

add_shortcode('enfold_breadcrumbs', 'avia_breadcrumbs');

Then in your pages, add a Code Block then add this inside it:

[enfold_breadcrumbs]

Hope this helps :)

Best regards,
Nikko

Hi CelebrationEvents,

Try using this CSS code instead:

#top .av-masonry-image-container {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

#top .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
}

Best regards,
Nikko

Hi Peter,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Pete,

I have posted a screenshot in safari browser in mac (link in private content).
I checked the link below and I don’t see any issue as well.
I’ll ask my colleagues to take a look since I don’t see any issue on my end.

Best regards,
Nikko

Hi tronicszone,

Thanks for following the steps above, I have checked it and you just need to add this CSS code :)

#note-section {
    position: relative;
    min-height: 0 !important;
    height: 0 !important;
}

Let us know if you need further assistance.

Best regards,
Nikko

Hi mosaic,

If it still shows avia-footer-scripts even after you have disabled Javascript file merging and compression then it’s the caching in the server-side that prevents these changes.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi kumharas,

Inside the WordPress Dashboard, go to Enfold > Header > Header Title and Breadcrumbs set this to Display title and breadcrumbs. :)

Best regards,
Nikko

Hi 2funky,

I have checked it in mac and safari browser and the 4 icons in the front and it seems to be working fine on my end, hovering over them gives that ripple effect.
Can you try to clear your browser’s cache?
As for problems in several pages, I could not find any errors in the web console, can you give a link and maybe provide a screenshot?

Best regards,
Nikko

Hey Lee,

I checked on the link you gave but it returns:

Nothing Found

Can you give us another link where we can find the full-width slider?

Best regards,
Nikko

Hey DROR,

I think this method should be able to help achieve that: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Let us know if this helps.

Best regards,
Nikko

Hi mosaic,

Is Javascript file merging and compression still disabled on your site?
If you view source on your site you should see avia-footer-scripts-a8e2a69a7bd6ea6782790484f57105f9—5e516231256a7.js which is a merged and compressed version of all js files, if it is disabled you should see avia.js, shortcodes.js, etc and there’s no avia-footer-scripts js.
Please do disable it which should force the use of these multiple js files that aren’t merged.

Best regards,
Nikko

Hi Moses,

Sure we would gladly help you with it and I agree that you should first flush out cache then disable the caching plugin.
I assumed that you already have known it because you already have a child theme with includes folder in it however we can’t create new files just having the admin access to your site.
We will need at least an FTP access, so we can create the file and do it as what I have mentioned above.

Best regards,
Nikko

Hi CelebrationEvents,

I have checked on the loaded CSS and I think you should remove the extra text:

Then,to disable it on hover... #top img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: grayscale(0)
}

replace it with:

#top img:hover {
   -webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -ms-filter: grayscale(0);
   filter: grayscale(0);
}

Best regards,
Nikko