Border width on mobile navbar

[Silviaperez]

I would like to change the border width of my menú on mobile versión to a 2px border, I have added this code in my custom CSS but it doesn't work.
How could I do it?

@media (max-width: 900px)
.navbar {
display: block;
top: 0;
left: 0;
bottom: auto;
right: auto;
width: 100%;
position: fixed;
min-height: 39px;
z-index: 30;
border-bottom-style: solid;
border-bottom-width: 2px;
}

[arminunruh]

Hey Silvia!

Put this into:

"Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for mobile version":

.navbar{
    border-bottom-width: 5px;
}

Should work :)

[Silviaperez]

Thank you! It works perfectly!! <3

[Silviaperez]

@arminunruh
Hi Again Armin!
Hope not to bother you again with the same question.
But I think the css code for the menu border on mobile version doesn't work since the last update ¿Is it possible that I would need to change it?¿what should I write?

Thank you so much in advance. ;)

[arminunruh]

hum, should still be the same :/

Can you go to customize -> "mobile" -> "mobile menu bar" and check if the settings there are ok?

[Silviaperez]

@arminunruh said in Border width on mobile navbar:

Can you go to customize -> "mobile" -> "mobile menu bar" and check if the settings there are ok?

I think there are ok. I attach you here a screen captures.

[arminunruh]

Ok so under "Alex C", that border is the one we mad more thick using css.

If you want to change the other line use:

body.use-mobile-menu nav.primary li a{
border-bottom-width: 3px;
}

[Silviaperez]

It works perfectly !! Thank you so much!!!