Mobile menu cropped

Sparkling
1

Hi there!

Tried to CSS hack it but didn’t help, is there a way to reduce the padding btwn nav items and also ensure nothing (nav list items and black bg) gets cropped off please?

Thanks much!

2

Hi there

Yes, you may use this css code:

.navbar-nav > li {
padding: 15px 6px;
}

3

Hi!

Hmm thanks for the reply but it’s not working, 2 menu items remain lost in the post contents…

4

Hi

May I see it? please provide screenshot and I will check it

5

Screen Shot 2021-06-15 at 3.46.25 PM
Screen Shot 2021-06-15 at 3.46.25 PM480×682 33.5 KB

Hi, pls see attached.

Also providing the site link again as well just in case

Thanks

6

Thanks, I see it now, you may use this css code to fix your problem:

@media (max-width: 767px){
.nav.navbar-nav {
background: #000;
}
.site-navigation-inner.col-sm-12 {
padding: 0px;
}
}
7

Thanks Noda! That’s fixed now!

But is there a way to have some padding on the left please? Now the entire mobile menu is flushed too close to the left edge.

8

Yes, you may use this code:

@media (max-width: 767px){
.nav.navbar-nav {
padding-left: 50px;
}
}
9

Thanks so much! All good now!

10

Thank you too and have a nice day :slight_smile: