Sticky Header on Debut Theme Blocks Content on Some Pages

Highlighted
Excursionist
16 0 3

Hello,

I recently added a code to my Debut theme to have a sticky header. I noticed that content on the top of pages such as "Contact Us", "Shipping Policy", etc. does not show because of the sticky header.

 

Will someone be able to help me fix this? Also, I notice that my header is really wide. I would also like to make the width smaller if possible.

 

Here's a link to my store:

https://kgbfdcfnvbqume5p-50858557627.shopifypreview.com

 

 

Thank you,

Leida

 

0 Likes
Highlighted
Shopify Expert
420 42 46

Hello There, 

 

I have checked your store and found that it is properly working on the desktop version. So, kindly let me know are you facing issue on the mobile view. 

Kindly make the below given css changes so that all the menu items will be shown in the mobile view

.mobile-nav__link, .mobile-nav__sublist-link{ padding: 10px 30px; }

Change the padding from 15px to 10px so that the last menu item will be shown.

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
16 0 3

@Pallavi 

thanks for your reply. I meant to say that the sticky header on desktop is blocking my content when you click on one of the sticky links. For example, please click on "Contact Us". You'll see that because the sticky header is so wide that it blocks off the first few sentences of my text. Do you know how to fix this? if so, please let me know where to modify the code!

=header cut off.jpg

0 Likes
Highlighted
Shopify Expert
420 42 46

Hello There, 

 

Yo will need to decrease the width of the logo because the width of the header is due to the logo width only so, if you will decrease the logo width then the header width will get decreased and everything will work fine.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes