Store is brokenneedle.ca | brokenneedle1.myshopify.com/
Theme is Minimal
Can someone please tell me how to change the spacing underneath the header? I don’t know if it’s a margin or padding issue, but I would like it to be about 0.75rem below for each page to start. Not only can I not figure out how to reduce the gap, and a lot of the padding has $gutter which is not something I’m familiar with. Another forum said to put the below code in, but it didn’t do anything to the gap below the header. I’ve attached some photos. The gap in the Home page is smaller, and all the other pages have the same gap, which is bigger. I would like the gap to be the same, and be a bit smaller.
div.index-section {
padding: 0;
}
div#shopify-section-1486839093980 {
padding: 0;
}
div.feature-row__item.feature-row__text.feature-row__text–right {
padding: 0;
}
.main-content:after {
padding: 0;
}
|
Hi @brokenneedle , I can help you to fix this issue. Let’s have a quick gmeet to discuss things in detail.
What time zone are you in?
Time zone in India (GMT+5:30)
Are you offering help, or searching for a job? I was just seeing if there was advice on the forums, not requesting a job with an Expert
hello @brokenneedle
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.site-header {
padding-bottom: 0px !important;
}
@brokenneedle , well, I am offering a help. I think it’s small task. So I can firstly look into this.
@Kinjaldavra That removed the padding on the Home page, and made the padding in the other pages smaller, but there’s still a gap in the other pages. Is that an issue with the page templates? The spacing difference is in the original theme too (the Home page has a smaller gap than the other site pages)
@Ajay-app-dev I did one edit, but I still need to adjust something. I’m New York time, so I might disturb the people I live with it I go on a call right now. Perhaps I can try to call another time?
hii, @brokenneedle
Paste this code on top of the timber.scss file.
@media only screen and (min-width: 992px) {
div#shopify-section-header {
height: 176px !important;
}
}
Thank You.
@Zworthkey I believe that was the same result as @Kinjaldavra . It eliminated the padding between the slideshow section and the footer on the home page, but for some reason (I can’t figure out) there is a larger space on all the other pages, so there is still a space between the header menu and all the pages except the Home Page.
