-
Hi 🙂
i hae same issus about the off-panel.
1.
i want to have a fixed width on desktop, i use this:
nav#generate-slideout-menu.main-navigation.offside {
width: 670px;
}
it looks good so far.
when i close the panel on clicking on the body, it dosn´t close smooth.
how can i change this?2.
on mobile i use
nav#generate-slideout-menu.main-navigation.offside {
width: 100%;
}
when i got a page off 390px viewport, the panel has 407px.
but i want the same width.here ist the current site: https://wordpress-1092774-4848975.cloudwaysapps.com
can you help me, please
Thx
-
Hi there,
remove whatever CSS you have already added for the off canvas width.
And try this:body { --gp-slideout-width: 670px; } @media(max-width: 670px) { body { --gp-slideout-width: 100%; } } -
yeah 😀
smooooth (y)now one thing:
the mobile navigation is wider than the body.
viewport 390px then the open panel is 407.can´t fine something..
-
The width of the slideout navigation has no issue, the issue is that your site body, since it has an element that overflows:
https://app.screencast.com/8e7CLjQ9lKMCPThe CSS adds 35px margin to a button, which makes the entire site wider.
You will need to remove the margin on mobile.
Try this CSS to override it:
@media(max-width: 768px) { #content .btn-gold:first-of-type { margin-right: 0; } } -
aaaaah 😀
ok, thank you very much (y)
thx 🙂solved!
-
You are welcome 🙂
- You must be logged in to reply to this topic.