Is it possible to create a different footer for mobile. i.e. create one block just for mobile devices instead of three.
Thanks
Hey 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,
Ismael
That is genius Ismael. I didn’t know you had added that option. It looks great except the social buttons box at the bottom. I can’t find a way to make them larger and turn off the popups and animation.
Many thanks
Hi,
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,
Ismael
Thanks Ismael size is much better. The pop-up animation is still showing though. Is there any chance we can lose that?
Cheers
Hi,
Please try this CSS as well:
#footer-page .av-social-sharing-box .avia-related-tooltip {
display: none !important;
}
Best regards,
Rikard
Perfect Rikard many thanks!
You can close this thread
Hi,
Thanks for the update. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard