Account Login/Nav Overlap Issue

Solved
Highlighted
Tourist
11 1 6

Hi all,

Check out my Account Login page. The "Login" text overlaps the nav position and I can't for the life of me figure out what to call the "Login" template in code to get the heading and form to drop down lower on the page. 

I tried a number of combinations similar to this, but can't find the correct naming: .template-login .site-header {position: relative;}

https://theplantchica.myshopify.com/account/login
Pass: plantbased

Any help is great appreciated!

1 Like
Highlighted
Shopify Partner
8469 1131 2973

This is an accepted solution.

@theplantchica 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-customers-register .site-header, .template-customers-login .site-header {position: relative;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 1 6

Thanks @KetanKumar ! 

One more question - when I enter an email address in the newsletter form in the footer, it goes to another page where it asks for me to confirm I'm a real person. That is also overlapping the nav like this issue you just helped me with. Can you assist with that as well? Thanks!

 

Screen Shot 2020-10-13 at 9.24.24 PM.png

1 Like
Highlighted
Shopify Partner
8469 1131 2973

This is an accepted solution.

@theplantchica 

Thanks for the update, yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

.template-captcha .site-header {position: relative;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 1 6

@KetanKumar thanks again for all of your help!

Here are two more with the same issue. I just can't seem to find the proper names for these pages in order to re-code them to get rid of the same overlap.

 

https://theplantchica.myshopify.com/pages/privacy-policy

https://theplantchica.myshopify.com/pages/refund-policy

Password is plantbased.

 

Thanks!

1 Like
Highlighted
Shopify Partner
8469 1131 2973

@theplantchica 

Thanks this 2 page added more custom code can you please add me on staff so i will fix

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 1 6

@KetanKumar I've added you. Let me know if I have assigned all of the permissions you'll require to access this code.

Thanks!

0 Likes