Mobile Menu - A Couple of Questions

Hi David,

- For widget title, edit this existing CSS:

.slideout-navigation .widget-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #11a5bf;
    margin: 5px;
    padding: 5px;
    border-top: 1px solid #0f96aa;
    border-bottom: 1px solid #13cad3;
}

to this:

.slideout-navigation .widget-title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #11a5bf;
    margin: 0 -20px;
    padding: 5px;
    border-top: 1px solid #0f96aa;
    border-bottom: 1px solid #13cad3;
}

- For uppercase items, try:

#nav_menu-5 li a {
    text-transform: uppercase;
}

Let me know :)

Hi Leo,

The CSS with 0 -20px worked wonderfully, thank you!

The uppercase part didn't seem to take unfortunately.

I'm not seeing the second block of CSS being added.

Can you double check?

Ah, it does work... I actually wanted the opposite of what I said (I feel silly looking back at my image). I wanted pages capitalized not categories. So sorry!

Edited the CSS above:
https://generatepress.com/forums/topic/mobile-menu-a-couple-of-questions/#post-689678

Let me know :)

That's so great. Thank you Leo for the help; I'm grateful for your time and assistance. :)

No problem :)

Hi again Leo,

If it isn't too late for this thread, is there anyway to accomplish what's in this image as well?

The highlight that I've circled occurs when you place your finger on the selection and/or make the selection.

I attempted to tinker and do it myself but doesn't seem to work (btw, there is no rush to answer this if there are more pertinent questions from other people who are waiting for help).

Thanks :)

I do believe I figured it out!

:)

Glad you figured out :)