Hello Guys,
can you please help me to align my footer her
I’d like to have the footer menu with refund policy (and so on) to the left, Sign up and saing at the center and make a difference donation at the right.
Can you anybody help me thank you!
Hello Guys,
can you please help me to align my footer her
I’d like to have the footer menu with refund policy (and so on) to the left, Sign up and saing at the center and make a difference donation at the right.
Can you anybody help me thank you!
Could you please share your store URL?
Hello aki,
https://norahcare.com/products/auroraserum%E2%84%A2
To be honest now i need only to align all three footer elements on the horizontal line and maybe make the pink logo smaller.
Is that possibile?
Thank you so much.
@Norah84 , I checked your website footer, and looks as you explain above. left, right and center.
but MAKE A DIFFERENCE is not aligned perfectly to the right…
Could you please show me how you would like to display it by sharing some screenshots or a short video?
All three elements on the same horizontal line in three column respectively left - center- right of the screen.
I think is clear enough…
add the below line of CSS at the end of your theme.css file.
@media(min-width:960px){
.site-footer .grid > div{
width:33.33%;
}
}
Doesn’t work…
I see it’s working fine at your store as per my understanding.
Could you explain what actually you want? As per my understanding, I get to know you want to display a footer with equal width.
No I mean all three elements must be display and justify throughout the footer space.
So… the firs links menu at the very left, subcription exactly at the center, and the donation at the very right. If you check the site here www.norahcare.com
the right element is not at the very right of the screen edge.
yes exactly! ![]()
Please add the below line of CSS code at the end of your theme.css file.
@media(min-width:769px){
.site-footer .footer__item-padding {
padding-right: 0;
}
.footer__item--b-3ce4036-4552-4c0c-b490-658e69fbcaad .footer__item-padding{
text-align:right;
}
}
hope this will work for you