Home / Forums / You Theme Support / Logo Sizing and Footer Height

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

  • ECMsolutionsLLC
    Participant

    Hi,

    When the Sticky Header appears the size of the logo shrinks down too small and I want to make it larger.

    Also, the footer height spans automatically and I want to force it down to the bottom of the browser page, how can I do this?

    Warmly,

    Thomas

    Website ECM Solutions

    Hi @ecmsolutionsllc

    Can you please send over your site’s URL so we could personally check on this?

    Regards,


    ECMsolutionsLLC
    Participant
    This reply has been marked as private.

    Hi @ecmsolutionsllc

    I totally missed that link.

    The behaviour in the header that you pointed out is actually a default behaviour since the sticky header container is smaller than the normal one. If you want to have the sticky header’s logo to be as big as the normal one, CSS can be added.

    Copy and paste this CSS into Theme Options > Custom CSS > Mobile CSS:

    #header-wrap #header.fullwidth .inner-wrap{
    height:90px
    }
    
    #header-wrap #header.stuck #header-logo #logo img{
    max-height: 100px;
    }

    Regarding the footer issue, I cannot picture it out. Can you please elaborate or send screenshots ?

    Regards,


    ECMsolutionsLLC
    Participant
    This reply has been marked as private.

    Hi @ecmsolutionsllc

    Add this CSS to align the menu to the logo on the sticky menu:

    .stuck ul#acoda_dropmenu {
        margin-top: 12px;
    }

    For the footer, please try to add this CSS:

    footer#footer-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0 auto;
    }

    ECMsolutionsLLC
    Participant
    This reply has been marked as private.

    Hi @ecmsolutionsllc

    Can you please send over your login credentials so we can personally try this?

    Regards,


    ECMsolutionsLLC
    Participant
    This reply has been marked as private.

    Hi @ecmsolutionsllc

    I tried a combination of CSS but I can’t seem to make it work. I think the best option would be to set a minimum height to the content container.

    Try this CSS and check if it works for you:

    .content-wrap.row {
        min-height: 450px;
    }

    Regards,

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

You must be logged in to reply to this topic.