How to correctly adjust footer menu position?

tobyh4
Excursionist
30 0 5

Hi,

 

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:

 

@media(max-width:767px){
.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;
}                                              
.footer__content-top.page-width {
    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: mauriciobenyar.com

 

Would really appreciate if anyone could help,

Thanks

Replies 2 (2)

stefansweb2020
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
https://stefansweb.com
tobyh4
Excursionist
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