I want to change my footer menu

Store Design
,

Topic summary

A user wants to customize their footer menu by changing the font color to black, adjusting the font size, and centering the menu on mobile devices. An attached screenshot shows the current footer layout.

Solutions provided:

  • Access the theme’s stylesheet (base.css or theme.css) through the code editor
  • Add CSS rules to modify link color, font size, and mobile alignment
  • One responder shared specific CSS code:
    • .footer-menu a selector for color (#000) and font-size control
    • Media query for centering on screens under 768px width
    • Note that selectors may need adjustment depending on the theme’s structure

The discussion remains open, awaiting confirmation from the original poster on whether the suggested CSS solution works for their site.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hello I want to change the size and the color of the font on my footer menu. I want a black color and I want to be able to choose the font size myself.

I also want to center the footer menu on mobile

Capture d’écran 2025-09-15 à 15.33.15
Capture d’écran 2025-09-15 à 15.33.15860×348 6.59 KB

here is my website : https://embrace-the-grind.com/

Thanks

2

Hi there,

You can adjust the footer menu styling through your theme’s code editor. What you’ll need to do is:

  1. Go into your theme files and locate the stylesheet (usually named base.css or theme.css)
  2. Add in a rule that changes the text color of your footer menu links to black.
  3. Add another rule that lets you set the font size to whatever you like.
  4. Lastly, you can apply a simple rule that tells the menu to align in the center when someone views it on a mobile screen.

The exact instructions depend on how your theme is built, since some themes use different class names for the footer menu.

3

You can handle that in your theme editor with a bit of custom CSS. For example:

.footer-menu a {
  color: #000 !important;  
  font-size: 16px; /* adjust as needed */
}
@media (max-width: 768px) {
  .footer-menu {
    text-align: center;
  }
}

That’ll give you black text, control over font size, and a centered footer menu on mobile. If your theme has a lot of custom styling, you might need to fine-tune the selectors, but this is the base fix. Let me know if it works.