[Resolved] Mobile Menu – A Couple of Questions

[David]

Hi Tom and team,

I just have a couple of questions about my mobile menu.

Please see image.

I’m hoping they are easy fixes.

Thanks for any help you may be able to provide.

Cheers,

David

GeneratePress 2.1.4

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

Hi Leo,

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

The uppercase part didn’t seem to take unfortunately.

[Leo]

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

Can you double check?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

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!

[Leo]

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

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

That’s so great. Thank you Leo for the help; I’m grateful for your time and assistance. 🙂

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

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 🙂

[David]

I do believe I figured it out!

🙂

[Leo]

Glad you figured out 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts