Edit Footer - Quick Link position

[KimGottwald]

Hello,

I would like to make the changed displayed in the picture, can someone help me?

Thank you!

URL: https://suq5b8csct01fyzg-61270851797.shopifypreview.com/

Im using the Trade theme.

[suyash1]

@KimGottwald - please add this css to the very end of your base.css file and check

@media screen and (min-width:750px){
.footer__content-top {display: flex; flex-wrap: wrap;}

.footer-block__details-content li{display: block !important; text-align: left !important;}
.footer-block__heading{text-align: left !important;}
.footer__content-top .footer__blocks-wrapper{flex-basis: 50%;}
.footer__content-top .footer-block--newsletter{flex-basis: 50%;}
}

[KimGottwald]

Thank you, there is a little problem with the spacing, displayed in the picture, could you help me?

 

[suyash1]

@KimGottwald - preview link expired, can you please share updated link?

[BSS-TekLabs]

- Here is the solution for you @KimGottwald 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media screen and (min-width: 750px) {
.footer__content-top {
     display: flex !important;
}
.footer__content-top .footer__blocks-wrapper.grid {
     flex-basis: 40% !important;
}
.footer__content-top .footer-block--newsletter.scroll-trigger {
     flex-basis: 60% !important;
}
.footer__blocks-wrapper .footer-block__details-content li {
 display: block !important;
}
.footer-block--newsletter .footer-block__newsletter {
top: 0px !important;
    position: absolute !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[KimGottwald]

Thank you, there is a little problem with the spacing, displayed in the picture, could you help me?