Edit Top Bar Size

Hey! If you can post a link to your site, as long as a few more specific details on what you’d like to accomplish, I’ll do my best to help you.

Thanks,
Kevin

Hi Kevin,

My website isn’t live yet, so I can’t sent you a link, but basically the top bar menu is a simple, thin black line with small white text on it. I would like to increase the width of the bar and increase the size of the text. I can’t seem to find any options for that within the theme options.

Any suggestions would be greatly appreciated!

Hey mwkdesigns,
You can use this css to increase the font size of your topbar menu:

.topbarmenu ul li a {
    font-size: 15px;
}

Just paste that in your custom css box in Theme Options > Advanced Settings.
The width of the topbar should already be fullwidth. Are you using a boxed layout?

Hannah

Hi Hannah,

Thank you very much for that code, it has helped with the font size, but I’d like to make the actual top bar thicker as well. Is that possible?

Thanks,
Maya

.topbarmenu ul li a {
    font-size: 15px;
line-height: 50px;
}

Try updating to that ^

Kadence Themes

That works great, thanks!

Hi, where do I update that? I want to increase the height of my topbar too.

I’m not good with CSS.

Thanks!
Ken

kenworksathome,
In the future please start a new topic. You can paste the above css into your custom css box in Theme Options > Advanced Settings. If that doesn’t work for you please start a new thread and provide a link to your site.

Hannah

Thank you, Hannah. Sorry about not starting a new topic.

Happy holidays!
Ken