How to correctly adjust footer menu position?

30 0 5



I am trying to change my footer menu positioning on desktop, so that it looks like the one in the image below.


Screenshot 2024-02-01 at 14.50.56.png


I have added this code:


.menu-drawer {width: 85vw !important; }

@media only screen and (min-width:749px){
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    flex-direction: column;
    margin-top: 0px;
    width: 50%;

.footer-block__newsletter {
    margin-left: auto;
    margin-right: 0px !important;

ul.footer__list-social.list-unstyled.list-social {
    align-self: flex-start;
    margin-bottom: 50px;
}                                      {
    display: flex;
.footer-block__newsletter {
    width: max-content;

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    gap: 66px;



however, I can't seem to get the spacing right.


This is what it looks like right now:


Screenshot 2024-02-01 at 14.52.50.png


Website link is:


Would really appreciate if anyone could help,


Replies 2 (2)

Shopify Partner
134 10 5

The code is messed up there needs to be done a lot of code tweaking to make that achievable

Stefan Momcilovic
Founder of StefansWeb
30 0 5

yep, I thought so. Was hoping to get a rough guide for the code which I can tweak so it works as don’t really know how to code, this is just some I found from another discussion which I edited slightly