Hi!
None of the other thread’s solutions has worked for my site, so I’m opening another thread. We’re on Prestige, trying to center-align footer links and the newsletter sign up button on mobile.
The site is: https://www.mauifruitjewels.com
Topic summary
A user running the Prestige theme needs to center-align footer links and the newsletter signup button on mobile devices. Previous solutions from other threads haven’t worked for their site (mauifruitjewels.com).
Solution Provided:
Two respondents offered identical CSS code to resolve the issue:
- Target file:
assets/theme.css - Add CSS at the bottom of the file
- Uses media query for screens up to 747px width
- Centers
.footer__block--linksand.footer__block--newsletter .align-self-startelements
One respondent included a screenshot demonstrating the expected result. The discussion appears resolved with a working code solution, though the original poster hasn’t confirmed implementation.
1 Like
@benidesign put this CSS in bottom of theme.css
@media (max-width:747px) {
.footer__block.footer__block–links {
text-align: center;
}
.footer__block–newsletter .align-self-start {
text-align: center;
}
}
1 Like
Hello @benidesign
Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.
@media (max-width:747px) {
.footer__block.footer__block--links {
text-align: center;
}
.footer__block--newsletter .align-self-start {
text-align: center;
}
}
1 Like