I’m trying to modify the layout of my website’s footer. At the moment, it’s arranged vertically, but I’m aiming to make it horizontal instead.
I’ve included a screenshot of my current footer labeled as “Footer 1,” alongside an example of the desired layout labeled as “Footer 2,” which I want to replicate.
Theme Name: Impulse
Store address is: https://081623.myshopify.com/
Password: skeung
Hi @technase ,
This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.
While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file
- Paste below code before :
Best regards,
Anthony
HI @technase
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.site-footer .grid__item {
width: 100% !important;
}
ul.no-bullets.site-footer__linklist {
display: flex !important;
flex-direction: row;
justify-content: space-evenly;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Thank you for that once again.
The menu is aligned perfectly however I have uploaded a logo to the footer and its aligned to the left side. How do I centralize the logo?
Yes, you can follow the steps as below:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file
- Paste below code before :
Best regards,
Anthony