I want to put the “go back” button on the bottom of the page.
Now it´s on the top.
And i want to put it on the center bottom.
Topic summary
Goal: Move the “go back” button from the top to the centered bottom of the page.
What happened:
- The store link was shared (https://trend4two.com/) so the layout could be reviewed.
- A solution was provided via theme code edits:
• Navigation: Online Store → Themes → Edit code → open base.css.
• Add CSS to center the button using flexbox:
.page-width.backButton {
display: flex;
justify-content: center;
}
• Save and reload. Screenshots show the button centered at the bottom as desired.
Notes:
- The CSS snippet is central to the solution; screenshots illustrate before/after positioning.
- “base.css” is a stylesheet where adding rules changes layout; “flexbox” is a CSS layout mode that enables centering content.
Current status / open items:
- An additional request was made for code to adjust the button position specifically on mobile devices.
- No mobile-specific guidance has been provided yet, so the mobile solution remains pending.
Hi @PedroSoares1234 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Sorry for the mistake. Of corse i can! https://trend4two.com/
Hey @PedroSoares1234 ,
As your requirement “Change the position of a button”, you can try my guide:
Step 1: Go to Online Store => Themes => Edit code
Step 2: Search base.css and add CSS scripts at the end of the file :
.page-width.backButton {
display: flex;
justify-content: center;
}
Step 3: Save and reload the page
=>> Result: The position of the Back button goes on the center bottom as you want.
I hope it helps, have a nice day! @PedroSoares1234
Can u give me some code to change the button position on the mobile interface too?