We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change Footer Columns Width With Focal Theme

Solved

Change Footer Columns Width With Focal Theme

Jerry41
Visitor
3 0 0

Hi I would like to adjust the columns width to allow each menu to be closer to each other.

 

Currently it looks like this:Screenshot 2024-07-25 at 5.42.06 PM.png 

Website is vaqoo.co

 

Appreciate the help.

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
856 168 186

This is an accepted solution.

Hello @Jerry41 

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
and add this code at the end of the file.

 

@media screen and (min-width: 1000px) {
    .footer__aside {
        justify-content: space-evenly;
}

.footer__item-list {
    justify-content: space-evenly;   
}

 

and the result will be
14.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

Replies 2 (2)

ProtoMan44
Shopify Partner
772 60 115

@Jerry41 Hey, thanks for posting here.
 can you please share the link to inspect it, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

Rahul_dhiman
Shopify Partner
856 168 186

This is an accepted solution.

Hello @Jerry41 

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
and add this code at the end of the file.

 

@media screen and (min-width: 1000px) {
    .footer__aside {
        justify-content: space-evenly;
}

.footer__item-list {
    justify-content: space-evenly;   
}

 

and the result will be
14.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages