Hi, I’d like to increase the header height: [image] In order to display a bigger logo (the header would keep the default height on mobile). I did some tries, but I didn’t achieve it since increasing the height (and the beneath content top margin so the header doesn’t override it with its increas…

Well I did manage to do it. I’m not sure why I encountered such blocking issues… There is still a bit of jumping but it’s just a few pixels so don’t see it if you’re not trying to see it by scrolling extrêmely slowly. I also have custom content on top of the header so it may have played a role in …

Did you try adjusting #main-outlet { padding-top: 5.8572em; } For example .d-header { height: 8em; } #main-outlet { padding-top: 9.8572em; } [صورة] [صورة]

Yes I did. I should add that I want the header about twice as tall as the original height and keeping the default height when it is sticky (which may be the main issue).

كيفية زيادة ارتفاع الرأس بشكل صحيح؟

الدعم

smrtey 12 فبراير 2020، 2:13ص 2

هل جربت تعديل

#main-outlet {
    padding-top: 5.8572em;
}

على سبيل المثال

.d-header {
    height: 8em;
}
#main-outlet {
    padding-top: 9.8572em;
}

الموضوع		الردود	مرات العرض
Mobile header is taller than the content Bug	1	1077	19 يناير 2015
How do I increase the navbar height to accommodate a taller logo? Support	2	1141	25 أكتوبر 2015
Page extends endlessly without sticky header Support	4	612	12 يوليو 2022
Increase header size when using Graceful theme Development graceful-theme	8	197	12 مارس 2019
Stick header in proper scroll position when having a custom fixed topbar on top of it Support	6	3426	14 مارس 2019

كيفية زيادة ارتفاع الرأس بشكل صحيح؟

الموضوعات ذات الصلة