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

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

jewellerystore1
Explorer
97 0 8

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

 

Theme: Exhibit

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

 

Thanks so much!

Replies 4 (4)

Small_Task_Help
Shopify Partner
522 16 35

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)

 

<div class="wrapper">
    <div class="content">
        <!-- Your main content goes here -->
        {{ content_for_layout }}
    </div>
    <div class="footer">
        <!-- Your footer content goes here -->
        {% include 'footer' %}
    </div>
</div>

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

 

 

Click here to Contact and Get Shopify Store Help
E-mail - hi@ecommercesmalltask.com
We are Shopify Experts   from Ecommerce Small Task Company.
jewellerystore1
Explorer
97 0 8

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!

Small_Task_Help
Shopify Partner
522 16 35

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

Click here to Contact and Get Shopify Store Help
E-mail - hi@ecommercesmalltask.com
We are Shopify Experts   from Ecommerce Small Task Company.
jewellerystore1
Explorer
97 0 8

Just sent you an email. Thank you