Home / Forums / You Theme Support / Show lower footer only

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

  • akmhou
    Participant

    Hi,

    I would like to show only a Lower Footer on a one page site. It is too tall right now. How do I decrease the height?

    It looks like I need to turn on Footer in Theme Options in order to show the lower footer? Is that causing the problem or is there an option to turn on just the Lower Footer that I missed?

    Thanks

    Hi @akmhou

    The ‘Lower Footer’ is part of the main footer, so the ‘Footer’ must be enabled if you want to just show the ‘Lower Footer’.

    We can hide the widgetized footer via CSS. Copy this CSS and paste it inside Theme Options > Custom CSS:

    div#footer {
        display: none;
    }

    Thanks!


    akmhou
    Participant

    Thanks for your reply.

    I’ve tried your CSS fix as well as creating a 1-col footer and leaving the footer widget empty.
    The problem is that the bottom bar is still too tall (about 115px). Is there a way to reduce the height to about 60px?

    Thanks

    Hi @akmhou

    These 2 CSS codes should help lower the height of the footer.

    #footer-wrap .content > .columns, .lowerfooter-wrap {
        padding-top: 1em !important;
    }
    
    .lowerfooter-wrap .row {
        margin-bottom: 1em;
    }

    Please adjust the padding and margin based on your preference.

    Thanks!


    akmhou
    Participant
    This reply has been marked as private.

    Hi @akmhou

    Please remove the CSS you added and use this instead:

    #main-wrap div.autototop a {
        margin-top: -54px;
    }

    Thanks!


    akmhou
    Participant

    Worked like a charm!
    Thanks a lot.

    You’re welcome, @akmhou

    Please don’t hesitate to contact us if you encounter any issues.

    Regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.