Problem With Header In Pages

Problem With Header In Pages

martujv
Pathfinder
154 2 35

Hello!

 

Basically in all the pages the header is taking space from the content. For example, in the "Login" page:

Captura de pantalla 2024-10-06 a las 21.25.20.png

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

Replies 4 (4)

Moeed
Shopify Partner
5880 1597 1899

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:

Moeed_0-1728243191922.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


martujv
Pathfinder
154 2 35

Hey, it worked for the login page, do you have a solution for all the other pages?

Moeed
Shopify Partner
5880 1597 1899

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


martujv
Pathfinder
154 2 35

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?