Sidebar Menu Styling

[James Grandy]

Hi there,

I am developing a site at http://www.okanaganwebdesign-draft-site-2.ca/

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: http://avaspizzeria.com/

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,
James.

Attachments:

1. 

   Screen-Shot-2015-12-29-at-4.24.34-PM.png
   

2. 

   Screen-Shot-2015-12-29-at-4.23.38-PM.png
   

[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.

Thanks,
Bill

[James Grandy]

Hi Bill,

Excellent! Thank you muchly.

Thank you,
James.

[Bill Robbins]

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

[Author]

Posts