Sidebar Menu Styling

Support Area Forums Umami Sidebar Menu Styling

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 3 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question:
  • Author
  • #34683

    James Grandy

    Hi there,

    I am developing a site at

    I am wanting the Menu to have a transparent background, however don’t know how to make it do that.

    Also, I don’t want the Navigation title with the 3 lines to be visible on a desktop computer, and only for a mobile device. Similar to this website:

    I have added some custom CSS to make the menu dropdowns how I want it, however the above issues I cannot figure out.

    Thank you in advance,


    Bill Robbins

    Good Morning James,

    Thank you for your business first of all. I believe we can take care of both of those items for you. Here’s what to do:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      .slicknav_nav {
      	background: transparent;
      #sidebar a.slicknav_btn {
      	display: none;
    3. Update your settings.

    The top style there will remove the background color from the menu section. The second style there will hide the navigation button on larger screens. If you run into any questions or trouble, just let me know.



    James Grandy

    Hi Bill,

    Excellent! Thank you muchly.

    Thank you,


    Bill Robbins

    Anytime James. Let me know if you need anything else.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Sidebar Menu Styling’ is closed to new replies.