Increasing height of navbar on mobile

Hi @jewalker,

Do you mean the header on your site?

If so, maybe something like that:

@media screen and (max-width: 899px) {
nav {
    height: 36px;
  }
}

You can add this CSS by going to the Site Editor, then Styles. There you can click on the three-dot icon (kebab menu), and go to Additional CSS:

Full Size: https://d.pr/i/Yox1tm

Hi Felipe,

Thanks for taking the time to reply. I would like the red strip across the top to be less narrow on mobile – see screenshot:

https://walkerwebsites-test.co.uk/wp-content/uploads/2023/10/Screenshot-2023-10-07-at-09.53.08.jpg

Jane

Hey @jewalker ! Thanks for sharing more details, and that screenshot. The css that Felipe shared above will work for what you’re looking to do. You can modify the number to something else to adjust the height to what you want.

Thanks @properlypurple I tried again and it works now.

I appreciate all the help.

Jane