Shopify themes, liquid, logos, and UX
Hello!
Basically in all the pages the header is taking space from the content. For example, in the "Login" page:
As you can see, the "email" is barely visible since half of it is hidden because of the header. This happens in all of the pages. How can I fix it so that the header doesn't take space from the content of the pages? (Both in mobile and desktop)
My website is https://9rc35kgxa9tqp9ni-60150284501.shopifypreview.com
Thanks in advance
Hey @martujv
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
div#login-form {
padding-top: 110px !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey, it worked for the login page, do you have a solution for all the other pages?
I'm unable to locate any other page that has the similar issue. Can you tell me which page has this issue?
Best Regards,
Moeed
Hi, all the pages have the same issue. On the homepage I had to put a white blank section on top to make some space, otherwise part of the homepage would not be visible. Same thing on the product page, I had to put an empty white section on top. It happens basically on every page, is it a code to add padding on top of every page?
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024