How to move footer to bottom of the page and copyright inline with footer menu?

Shopify Discussion
1

Hi there,

I would like my footer to stick along the very bottom of the page at all times and would like to move the copyright text to the right next to the language selector. See below:

Screen Shot 2024-06-25 at 9.02.57 pm.png
Screen Shot 2024-06-25 at 9.02.57 pm.png1426×220 12.5 KB

Theme: Exhibit

Draft template: https://f0hl1r7vhmtog1ub-74563387678.shopifypreview.com

Thanks so much!

2

Hi,

You need to Modify the theme.liquid and CSS files and for aligment need to update footer.liquid

CSS code to ensure your footer sticks to the bottom of the page

html, body {
    height: 100%;
    margin: 0;
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

.footer {
    margin-top: auto;
}

Ensure the main content of your page has a class like .content and the footer has a class like .footer. Adjust the class names according to your theme’s structure.

At theme.liquid (Wrap Content and Footer)


    

        
        {{ content_for_layout }}
    

    
        
        {% include 'footer' %}

If you still need help you can contact us (information at signature)

3

Hello, thanks for you help.

I’m not very experience with code. Are you able to explain this in laymans terms?

Were do I past the first code? Which file?

Thanks again!

4

if you want we can do the task for you. Please contact at given detail at signature

5

Just sent you an email. Thank you