Can someone help me to change the size of the header on mobile, currently there is way too much padding for my liking, URL is halfspaced.com
Hi @Halfspaced Hope you are doing Well
please add this code at the end of theme-index.min.css file
If helpful, please Like and Accept Solution.
nav.nav-bar.mobile-nav-bar-wrapper.large--hide.medium-down--show {
padding: 0 !important;
}
Please add this CSS to your css file
.mobile-nav-bar-wrapper{
padding:0px !important;
}
Thanks!
Go to assetes/theme-index.min.css and put below css at bottom of file
.mobile-nav-bar-wrapper{
padding: 0px!importent;
}
Hi @Halfspaced ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/theme-index.min.css->paste below code at the bottom of the file:
.mobile-nav-bar-wrapper {
padding: 0 !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
1 Like
@AvadaCommerce Thanks, Do you also know how to reduce the padding on desktop?
Hi @Halfspaced ,
You can follow the instruction below:
- Go to Online Store->Theme->Edit code
- Asset->/theme-index.min.css->paste below code at the bottom of the file:
.top-links--icon-links {
padding: 0 !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @AvadaCommerce do you know how to further reduce the size? Even with padding at 0 the height is too much for my liking, I tried adding negative margin values to the same css class but it had no effect. Iām looking for a height similar to this:
