Center the Off canvas toggle, without affecting the off-canvas area

[Misho]

Hi!

I have styled the Off canvas toggle to look like a button, and I need it centered.

I have added the class center-list, and it also affects the off canvas area which is not in place anymore.

Setting left and right margin to auto does nothing.

Centering the whole row also does nothing.

What should I do to get the Off canvas toggle centered, with the off-canvas area in place where it should be?

Thanks!

[thai]

Hi There,

You have to target the anchor button only, please try with this custom CSS instead:

.x-anchor.x-anchor-toggle.center-list {
    left: 50%;
    margin-left: -19px;
}

Let us know how it goes!

[Misho]

Hi!

It worked with slight modification:

.x-anchor.x-anchor-toggle {
    margin-left:auto;
    margin-right:auto;
    display:block;
    max-width:250px;
}

Thanks!

[christian]

You’re welcome.