Sentance Case for Menu items

Hello southaussienomad,

Please add the below line of css code in your theme style.css file:

body .main-navigation li {
   text-transform: capitalize;
}

Greetings from the west coast of Canada!

With some custom CSS you can change it, but you will need a plugin for that, such as Simple Custom CSS.

This is what you would put into your custom CSS:

@media (min-width: 992px) {
.main-navigation li {
    text-transform: none;
}
}

To work with the responsiveness of the theme, we need to keep it in the @media query. Long story short, making it normal case (not uppercase) will affect the menu only when viewed on larger screens like a desktop monitor.

NOTE: The reason why we would use a plugin for this, is so that any future theme updates that come along, you won’t lose your custom changes.

Thank you for quick reply. I’ll try this over the weekend.