-
Posts
-
Hello guys!
I would like to obtain my footer fixed (like desktop version, by default) with the page that like a curtain scroll above.
How to do that in mobile?
Please see at my website (first)
and the example (second link).Hey Stilecatalini,
Thank you for the inquiry.
There is a curtain effect for the footer which can be activated in the Enfold > Footer > Footer Behavior settings. The option is still in beta and may require a few adjustments.
Best regards,
IsmaelYes. Done. But it works only in desktop version. Not in mobile version: maybe i need some ccs code?!?
Hi,
Thank you for your patience, the curtain effect is disabled for mobile devices, as Ismael pointed out this feature is in beta.Best regards,
MikeSo i CAN’T?! Please look at this website example……..
Here you can see also the transparent and blurry submenu…
I have to do like this.Hi,
Thank you for your patience.
“Beta” means that the feature is still in development and testing stages, and are not yet considered stable or fully functional. You can try this css code to re-enable the effect on smaller screens but we can’t guarantee that the effect will work in all cases.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .avia-section { z-index: 2; position: relative; } .av-curtain-footer #av-curtain-footer-placeholder { display: block; pointer-events: none; min-height: 1021px; height: 1021px; z-index: 0; position: relative; clear: both; } .av-curtain-footer .av-curtain-footer-container { float: left; width: 100%; display: block; position: fixed; bottom: 0; left: 0; z-index: 0; } }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings.
Best regards,
IsmaelHello! Is there someone that help me to edit my theme and to create light box popup?!?
Disappeared??!Hi Stilecatalini,
I tried to add Ismael’s code and it works when you resize the browser however it doesn’t seem to work on the mobile phone.
I think it’s also best to wait a bit for the feature for now.
As for the lightbox popup, you can use a plugin for that.Best regards,
NikkoSo Nikko, the curtain effect doesn’t work.
About light box popup, I’m waiting for someone that entry in my WP and adjust my theme editor. I like the example of Mike.
Now I’m trying to replace the code about the blur header…..Hi Stilecatalini,
It doesn’t work for mobile at this moment.
For the lightbox, I’ll try to check on that thread as well and see if I can help.Best regards,
NikkoI can’t see your page, but it makes sense for the footer to scroll in responsive case.
So the curtain effect is not diasabled ( only for stretched Layout available ) but if the footer will be more than 80% of screen-height it will scroll.just for info:
First : put this to your child-theme functions.php:
add_filter('avf_show_curtains_media_option', '__return_true');after doing that there will be a second option to set: “Select to switch back to scroll footer content with page when footer height exceeds selected limit.”
by the way – the curtain effect works very well – and i think you can remove the info about beta
Hi Guenny! I don’t have that option! (??)
Please entry i my WordPress!
It’s my personal website! Go.
I’m not expert, so I could make some error!
If it’s to help, why not?!First : put this to your child-theme functions.php:
add_filter('avf_show_curtains_media_option', '__return_true');I don’t know neither the child theme and I don’t know if I have created the child theme.(LOL)
I tried to modify the theme.function.php but I can’t! I don’t know why..
If you put yours hands I my wp maybe we can obtain something! 😅Hi Stilecatalini,
I have inserted the php code/snippet via WPCode since you don’t have a child theme (you can check it in the link in private content):
add_filter('avf_show_curtains_media_option', '__return_true');and have set the Footer options as @Guenni007 suggested.
@Guenni007 thanks for helping out :)Best regards,
NikkoMany thanks guys! Would like to know to do like you!
Anyway the curtain effect on mobile doesn’t work.
What about Nikko?!if your footer has more than 100% screen-height or f.e. 90% screen-height – how would you show all your footer content – without scrolling?
Hi Stilecatalini,
I don’t have a working solution at the moment.
Also, Guenni007 is not a moderator but also an Enfold user, so he won’t be able to see links posted in private content.Best regards,
NikkoHi Nikko….I don’t know why but the blur effect of the header (ON MOBILE ONLY) now doesn’t work.
Please check!
Waiting for Guenny..
Many thanks!Hi Stilecatalini,
What changes did you last make? try to undo those changes.
Also, you will need to post the link for Guenni007.Best regards,
NikkoOnly linked some buttons! I don’t know..
Waiting for Guenny or Mike check for the curtain effect for the footer!
Hi Stilecatalini,
We apologize for the inconvenience, however, this feature is still in Beta and still need to be adjusted for mobile that’s why it’s disabled for mobile at the moment.
In the future releases, it should be fixed but at the moment we ask for your patience.Best regards,
NikkoI adjust all parameters by Guenny! Guenny was right: the footer was too high! Now it’s ok! If you can, please solicit Guenny to check!
Hi Stilecatalini,
We can’t do that since Guenni007 is not a moderator and it depends on him if he wants to check your site or not.
Also, since you want Guenni007 to take a peek on your site, you should post the link to your site in your post (not in private content) so he can see it.Best regards,
Nikko
- The topic ‘Footer sticky (curtain page effect) ON MOBILE’ is closed to new replies.