I have searched for many long hours for this answer but I have not yet found anything that would solve my problem.
I want those information contact information, privacy policy, terms of service and refund policy to be centered in phone view.
Here is my website link: https://www.thepageofpets.com/’
And I am using Dawn version 6.0.2
I hope I can get a solution soon!
You’re going to want to center using “justify-content” for the links, and use “text-align” for the header.
Note that the style for the links needs to be applied to the element.
.footer-block__details-content li a.link {
justify-content:center;
}
.footer-block__heading {
text-align:center;
}
Hope that helps!
Hi!
Thank you but where do I have to insert the code?
Based on your response, I’m going to revise my answer.
First, check to make sure you can’t align the text how you want in your theme editor.
If that is not possible, you’re going to need to apply the code above in your CSS file. Since this was not apparent to you, I might suggest hiring a developer to assist.
Best of luck.
Hi SealDez,
I’ve found a way to center the menu like this. Is this what you’re after, or are you looking for the text to be totally centered?
I placed the code at the end of Base.css
And only the “information” is now centered.
How can I center those quick links?
Hi SealDez,
Try adding this to your CSS stylesheet:
@media screen and (max-width:768px){
.footer-block__details-content{
text-align: center;
}
.footer-block__details-content .list-menu__item{
display: inline-block;
}
}
Hi!
Okay I got it to work with this code!
@media screen and (max-width:768px){
.footer-block__details-content{
text-align: center;
}
.footer-block__details-content .list-menu__item{
display: inline-block;
}
}
I just pasted it at the bottom of my assets-> section.footer.css
Thank you soo much!
Glad it’s working for you! Happy to help!
