Make Debut theme footer links neater on desktop?

[coff001]

See image, footer looks sloppy.  Is there a way to make these into 1 or 2 rows for the Debut theme? It's all 1 column on mobile, but desktop is ugly:

Thanks for the help.

[suma]

Hi,
I checked your description carefully. I am familiar with Shopify  web design. I have developed a lot of websites with Shopify.Successfully Launch Your Shopify store 7 in Easy Steps.
1.SING UP
2.THEMES
3.PRODUCTS
4.PAYMENT GATEWAY
5.PAGES
6.BLOG
7.LAUNCH
 Included  My Service;
✓ Domain Connect ✓ Sales Channel ( Facebook) ✓ Facebook Pixel ✓ Facebook Shop ✓ Pages ( About, Contact, FAQ, Privacy,  Refund, Shipping) ✓ Google Analytics ✓ Social Pages Connect ✓ Payment Gateway Setup ✓ ) shopify SEO description and content optimization  full seo in your store.
One thing I am especially good at is getting your job done quickly and 100% to your satisfaction.

Please initiate a chat session for more discussion about the project. I am looking forward to working with you.

Kindly check some of my work in Shopify and some primium
 https://www.vitactive.co.uk/
https://moocha-store-demo.myshopify.com/
https://kdlondondesigns.com/
https://wholesalebear.com/
Regards
suma_rani  

+880 01819456590

[Natztech]

Would you mind sharing your store's URL and point out the issue you're trying to solve? 

Thanks! 

[coff001]

Site: amourfatale.co, password is aiclai , just scroll to the footer.

I don't think it's necessary to keep sharing my URL, it's just debut theme default and I'd rather stay private. But am sharing this info to get this resolved.

[Natztech]

please  Go to Online Store->Theme->Edit code
then go to  Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.list--inline>li {
    display: flex !important;
   
}

.payment-icons  .payment-icon {
    display: inline-block !important;
    float: left !important;
    margin-right: 12px !important;
   
}

[coff001]

That didn't work, the footer links are now 1 column but now so is the top nav, see screenshot. Top nav must stay hoizontal.  FYI removed the code because it didn't work.

[suma]

I am familiar with Shopify web design. I have developed a lot of websites
with Shopify. Yes i can help you.

[suma]

I can solve your problem.

[Natztech]

hey sorry for facing this issue now please remove my old code and insert below code it definetly work

.site-footer__content .site-footer__item ul.site-footer__linklist {
 width: 25% !important;
}

@media only screen and (max-width: 600px)
{
 .site-footer__content .site-footer__item ul.site-footer__linklist {
width: 100% !important;
}
}

[coff001]

Is it possible to get all the links to not show as 1 word per line? For example:

"Terms of Service", not

"Terms

of

Service"

Also, I'd like to have a max 6 links per column, so any new links will go into a second column, is this possible? 

I'd like it to look like the footer of this site: https://dhappymakers.com/