How do I make the newsletter as a column?

Solved

How do I make the newsletter as a column?

LDLC_Shop
Tourist
14 0 8

I already tried many ways, but unfortunately I haven't found any ways yet that works.

 

I put the brand information as a column next to the quick links, and is there any way that I can replace that with the NEWSLETTER, so the newsletter becames a column?

 

Additionally I want to move the socials to the middle, above the Copyrights. 

LDLC_Shop_1-1738524962216.png

 

My store: https://longdistanceloveclub.com/

Password: edimar123

 

Accepted Solution (1)

CodingFifty
Shopify Partner
1009 152 177

This is an accepted solution.

Hi @LDLC_Shop,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

@media (min-width: 990px){
    .footer-block__newsletter:not(:only-child) {     
        position: absolute !important;
        left: 0px;
        margin-bottom: 18%;
        width: 100%;
    }
   .footer__content-top {
    padding-bottom: 0px !important;
    display: block;
}

.footer__content-bottom.scroll-trigger.animate--slide-in {
    padding-top: 0px !important;
}
}

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Replies 2 (2)

CodingFifty
Shopify Partner
1009 152 177

This is an accepted solution.

Hi @LDLC_Shop,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

@media (min-width: 990px){
    .footer-block__newsletter:not(:only-child) {     
        position: absolute !important;
        left: 0px;
        margin-bottom: 18%;
        width: 100%;
    }
   .footer__content-top {
    padding-bottom: 0px !important;
    display: block;
}

.footer__content-bottom.scroll-trigger.animate--slide-in {
    padding-top: 0px !important;
}
}

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
LDLC_Shop
Tourist
14 0 8

Wow, it works perfectly. Thank you so much!

 

One thing, that the copyright text disappear, why is that? Perhaps should I set the padding higher?

It only appaers to be like this on desktop mode.

 

LDLC_Shop_0-1738530293812.png

 

Additionally it doesn't allow me to click on the SHOP button under Quick Links