Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1483409

    Is it possible to create a different footer for mobile. i.e. create one block just for mobile devices instead of three.
    Thanks

    #1483438

    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.

    View post on imgur.com

    Best regards,
    Ismael

    #1483444

    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.
    Buttons too small
    Many thanks

    #1483469

    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;
    }

    View post on imgur.com

    Best regards,
    Ismael

    #1483491

    Thanks Ismael size is much better. The pop-up animation is still showing though. Is there any chance we can lose that?
    Button pop-ups
    Cheers

    #1483505

    Hi,

    Please try this CSS as well:

    #footer-page .av-social-sharing-box .avia-related-tooltip {
      display: none !important;
    }

    Best regards,
    Rikard

    #1483510

    Perfect Rikard many thanks!
    You can close this thread

    #1483524

    Hi,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Different footer on mobile’ is closed to new replies.