Archived topic
Navigation mobile not Centered
11 replies · Started by Jenny on December 6, 2022
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
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?
Thank you David, but - there isn't a result.
Can you have a look again? :)
Thanks a lot,
Jenny
Did you DELETE this CSS ?:
ul {
margin-left: 1em !important;
}
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?
The Submenü :) 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.
Dear Fernando,
that worked for the Sub - can you have a look at the sub sub?
Maybe there is a snipped for all?
Thanks a lot for looking it up,
Jenny
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?
Dear Ying, thank you - the Website is live now.
Maybe you can have a look there.
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.