Reposition Quick Links And Email Signup On Footer

magpho
New Member
14 0 0

 

Hi, does anyone know how to reposition the quick links and email signup on my website's footer as shown in the drawing below?:

magpho_1-1708912106180.jpeg

My website's URL is https://magpho.net/

Thank you in advance!

Replies 2 (2)

Wholesalehelper
Explorer
45 11 11

Hello, @magpho 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

 

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " </body>" tag -> Save

<style>
@media screen and (min-width: 750px) {
.footer__content-top.page-width {
    display: flex;
    flex-direction: row;
}
.footer__content-top .footer__blocks-wrapper.grid {
    display: flex;
    flex-direction: row;
    width: 48%;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    width: 48%;
    gap: 80px;
    flex-direction: column;
    margin: 0;
}
.footer-block--newsletter .footer-block__newsletter {
    margin-right: 0;
}
}
</style>


2. After adding the above CSS, it looks like this-

Wholesalehelper_0-1708942275200.png

 

 

Let me know If need further assistance

 

Regards,

Wholesale Helper Support Team

Wholesale helper- Supercharge your Wholesale and B2B business


If you find my reply helpful, please hit Like and Mark as Solution
Connect with us: App Store | Blog | Join our Community | Help Center
magpho
New Member
14 0 0

That worked! By any chance is there a way I could move the quick links a little bit further to the left, closer towards the logo? If not, that's totally fine. Thank you.