Archived topic
off canvas overlay top padding
19 replies · Started by Ralf on February 8, 2021
Hi there,
i have 2 websites with off canvas menu and they have totally different top paddings and i don't know why and how to edit that... see private info
thank you
Hi there,
Can you do this so I can compare the code easier?
https://www.screencast.com/t/bEZDOpo40b
Ok, done
For the padding too big issue, are you referring to the desktop or mobile mode?
For the padding too small issue, can you try setting the navigation location to above header?
https://docs.generatepress.com/article/navigation-location/
Both just in desktop - mobile modes are ok...
navigation is above header
Try this CSS:
@media (min-width: 769px) {
.slideout-navigation.do-overlay .inside-navigation {
padding: 5% 10%;
}
}
The Patrinaxxxxx doesn't have off canvas panel on desktop from what I can see.
ok... CSS works - what do i have to change in the CSS if i want the padding smaller ?
and in the Patrina xxx - yes you are right, because, when i set it to "on" also for desktop, then i have 2 hamburger menus (?) ...
PS
is this second hamburger because i set the breakpoint to 1640 px ???
no cant't be the breaking point - i have this also on the Buddhaxxx page ...
so the question is still, why do i have 2 hamburger menus on the Patrinaxxx page when set the off canvas to "on" ?...
Hmm that's a bug which has been fixed in the next version - but it should happen in both installs.
Are both installs using the same GP and GP Premium version?
yes, they both have GP 3.0.2
and GP Premium 1.12.3
but the Buddhaxxx is already years old and has still the old header settings which switched to elements later... don't know if that makes a difference
Hmm is one of them using Float structure and the other one using the Flexbox structure?
You can check under Customizer > General.
Buddha uses Floats
Patrina Flexbox
Yup that's it. It's a bug in the Flexbox version.
I can give you the CSS to fix it first if you can activate the toggle so I can see the issue.
And you can remove it once the next version is released.