Shopify themes, liquid, logos, and UX
Hey,
I am using a whisper theme. This is my password page:
https://mishmash.world/password
I want to move my logo, to a new position: Remove from the header and put it above the footer - see attached.
Solved! Go to the solution
This is an accepted solution.
Hey @marycrichton123
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find password.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
img.password-logo {
top: 50rem !important;
position: relative !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @marycrichton123
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find password.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
img.password-logo {
top: 50rem !important;
position: relative !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you so much!
@Moeed do you know how I hide the countdown timer on desktop? It has hidden on mobile just not desktop:
Try this one.
div#shopify-section-main-password-header {
order: 2;
}
.password main#MainContent {
order: 1;
}
.password footer {
order: 3;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
That did now work:
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025