Hello Everyone!
I was wondering if anyone knew how to solve my issues. I have two of them.
1. Footer.
In my footer, I am wanting to remove the word “Navigation” and make the space above and below the navigation smaller so my footer all sits closer together. I like smaller footers. Feels more homey to me. Is there a way to make that happen?
2. Multicolumn.
On my website, I have a section using the multicolumn option on dawn theme. Under the heading, I want to add text. I would like to add the following text:
I wish it weren’t so, but most parks out there do have a backlog of projects. That’s why the we came about; to begin the process of paying for these projects. We must protect our lands for not only our generation but the many generations that are yet to come.
But I dont see no way to add this text. Is there a way to add it? I want it to be smaller text than the heading. I think it would make more sense to have this text than not too. Do so keep in mind that I might add a second multicolumn to my website if I am able to get this issue resolved. But for now I only have one multicolumn option used on my website.
I appreciate any help that anyone can give.
My website can be viewed at www.PennsylvaniaParks.org
-Justin
Hello Justin,
For your footer changes you may use below css. Add below css to your theme settings > custom css block.
For other changes you mentioned, it needs file editing which can’t be solve by adding small texts so can’t help with that here.
.footer-block--menu .footer-block__heading { display: none; }
.footer__content-top { padding-bottom: 1rem; }
Thank you.
Hello @Justin34 ,
If you want to remove the word “Navigation”, try to follow these steps:
- Go to Online Store → Themes → Actions → Edit code
- Go to Sections → footer.liquid
- Locate the “Navigation” text: Search for the specific line of code that contains the word “Navigation.” It might be wrapped in an HTML element such as a or
. The line may look something like this:
Navigation
Delete the code.
If you want to resize the footer to make it smaller, try to do this:
- Go to Assets folder → base.css → add this code at the bottom of page:
.footer {
height: 60px;
padding-top: 10px;
padding-bottom: 10px;
}
You can change the size to make it appear as you want
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
@Justin34 you can remove that footer top section by adding below css
.footer__content-top {
display: none;
}
and if you want to add sub heading of multi-column then you can add through by adding code into multicolumn.liquid file
