[Support request] Navigation mobile not Centered

[Jenny]

Hello 🙂

can anyone of you have a look at this?
the Navigation is not centered.
https://ibb.co/J3GbpW4

can you help me? Maybe it is a codesnipped, I can’t see myself.
Jenny

[David]

Hi there,

in the Customizer > Additional CSS – there is CSS rule:

ul {
    margin-left: 1em !important;
}

That is adding 1em of left margin to the menu which is also a list.

Is that CSS required ? If so where do you want it applied?

[Jenny]

Thank you David, but – there isn’t a result.
Can you have a look again? 🙂

Thanks a lot,
Jenny

[David]

Did you DELETE this CSS ?:

ul {
    margin-left: 1em !important;
}

[Jenny]

Thank you 🙂
Yes David, because it doesn’t work.

https://ibb.co/cCMdqd0

Can you have a look again?

[Fernando]

Hi Jenny,

This is what it looks like now currently from my end: https://share.getcloudapp.com/mXub6ARY

It seems centered. Have you tried clearing your browser’s cache? If that doesn’t work, can you try a different browser?

[Jenny]

The Submenü 🙂 Fernando.

[Fernando]

I see. Can you try adding this CSS?:

.slideout-navigation .main-nav li > ul.sub-menu > li a {
    padding-left: 0;
}

Let us know how it goes.

[Jenny]

Dear Fernando,

that worked for the Sub – can you have a look at the sub sub?
Maybe there is a snipped for all?

https://ibb.co/GdvtdgM

Thanks a lot for looking it up,
Jenny

[Ying]

Hi jenny,

The website you attached in the private info field is using the Twenty series theme, can you switch back to GP so we can help with the CSS?

[Jenny]

Dear Ying, thank you – the Website is live now.
Maybe you can have a look there.

[David]

See here:

https://www.screencast.com/t/xxP5sBZakuxa

To the right you can see the CSS that i mentioned is still on the site.
That CSS needs deleting.

[Author]

Posts