[Resolved] Off Canvas Panel customizing.

[Jusung]

Hello. I am trying to make Off Canvas Panel.

1.
One issue is that there seems to be something on the right side like padding or margin?
I can’t put anything on the right side. Could you remove the padding or margin on the right side?
so I can use the right side on the Off canvas panel.

2.
The other issue is that the vertical gap between (Page List) and (Research & SooHann) is too huge.
It is a title and list, so it is supposed to be close.
The category and family site are the same. the vertical gap is too huge.

3.
At the end of Off Canvas Panel, you can see the underline.
I didn’t make it and I don’t know why I have it..?
Could you help to remove it?

4.
Lastly, the page list, category list, list are vanished on the tablet and mobile device.
I still want to make it showable on mobile device.

Could you help me with this?

[David]

Hi there,

1. Try this CSS:

#generate-slideout-menu .inside-navigation > .gb-container {
    width: 100%;
}

2. Change the text block eg. for the title Page List to a Headline Block, then you can set the Spacing > Bottom Margin to reduce the gap.

3. You have this CSS that is adding the border:

.main-navigation .inside-navigation {
    border-bottom: 1px solid #000;
    padding-top: 30px;
}

Remove the border-bottom property.

4. Try this CSS:

#generate-slideout-menu  ul {
    display: block;
}

[Jusung]

Thank you millions!!!

everything working well now!

[Jusung]

When I remove this
.main-navigation .inside-navigation {
border-bottom: 1px solid #000;
padding-top: 30px;
}
, the underline on the main navigation is gone..
I only wanna remove on the Off Canvas Panel and keep it under heading.

How can I make this?

[Jusung]

I added this and it has been resolved.
.slideout-navigation .inside-navigation {
border:0;
}

Thank you!

[David]

Glad to hear you found the answer !

[Author]

Posts