Header Placement and Collection Block Too Thick On Mobile

Alshifa
Tourist
7 0 0

Dear Experts.

Please if you can help. Have two issues. Our website is thejade.pk Password to open website is DT786. Below are two problems and need expert to help please.

1) HEADER PLACEMENT is little bit out. When seen from mobile. That is when page is scrolled down on mobile then header really goes to the edge of strip that is making the look very bad.

Need the header when scrolling down on mobile to be placed slightly up so it doesnt sit on border of header strip. Below image shows how its appearing when page is scrolled down on mobile and how i request experts to please help sort out so it can show slightly up

 

Jade 2.jpg

 

2) Second problem is with COLLECTION PAGE header. Its too thick with big font. Requesting experts to help . Below image for reference on how its appearing on mobile

jADE1.jpg

0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

@Alshifa 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

@media only screen and (max-width: 769px){
.site-header__logo img { margin-bottom: 40px !important;}
.template-collection .section-header__title { font-size: 25px !important;}
}

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes