Resize header

Highlighted
Tourist
15 0 0

Hi,

 

I'm having some issues making my banner smaller on mobile : twowheelerpal.com

As you can see it is quite high and taking up a lot of space.

 

I added this code to the theme.scss.liquid file which made it a little bit smaller on the bottom but now it is way too big, both the logo and the header are too big. Besides that, since I added this code the logo isn't sitting in the middle anymore.

 

Hopefully someone can help me out !

 

.site-header {
height:150px;
padding:0;
}

 

Capture.PNG

0 Likes
Navigator
338 37 37

@Spablauwww wrote:

Hi,

 

I'm having some issues making my banner smaller on mobile : twowheelerpal.com

As you can see it is quite high and taking up a lot of space.

 

I added this code to the theme.scss.liquid file which made it a little bit smaller on the bottom but now it is way too big, both the logo and the header are too big. Besides that, since I added this code the logo isn't sitting in the middle anymore.

 

Hopefully someone can help me out !

 

.site-header {
height:150px;
padding:0;
}

 

Capture.PNG


remove your added code and try this one

 

.header-logo {margin-top: 5px;margin-bottom: 10px;}
 
it will make spacing smaller which will make header bit smaller, you can contact me. 
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes

Hello ,

I think you have to manage header in below format..

2019-11-18_14-40-twp.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes