I have not been succesful at changing the font size on the footer menu of my store, please help me.
see picture below.
Topic summary
A user needed help changing the font size in their DAWN theme’s footer menu.
Another community member provided a solution with step-by-step instructions:
- Navigate to Online Store > Themes > Actions > Edit code
- Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add specific CSS code targeting either the footer menu items or copyright text, using media queries for responsive sizing
Resolution: The solution successfully resolved the initial issue. The original poster then asked a follow-up question about increasing spacing between menu items, which remains unanswered in this thread.
Note: Some text in the conversation appears reversed/encoded, but the technical solution and outcome are clear.
1 Like
Hi @US-SELFMADE
Do you mean the copy right? This one?
If it is check this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media screen and (min-width: 750px){
.footer__copyright.caption a {
font-size: 1.1rem !important;
}
}
- Or the other menu?
@media screen and (min-width: 750px) {
.footer-block.grid__item.footer-block--menu li {
font-size: 1.8rem !important;
}
}
- And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
