Editing css style on a tablet view menu slideout

is there any way to set the style for this side menu area for the tablet view?
put in a bg image or color for example?

I can't tell if its got a class or not.


  • Tyler Postle
    • CGO

    Hey there Joe,

    Still enjoying the weekend I hope? :slight_smile:

    You can style that by adding the following CSS:

    .uk-offcanvas-bar.uk-offcanvas-bar-flip.uk-offcanvas-bar-show {
      background: #f28b80;

    You can of course use an image instead if you like, like so:

    .uk-offcanvas-bar.uk-offcanvas-bar-flip.uk-offcanvas-bar-show {
      background: url("http://image.com/image.jpg");

    For more background properties check here: http://www.w3schools.com/css/css_background.asp

    I know you already have a custom CSS sheet, but just in-case another member stumbles upon this post and doesn't have one then they can use this plugin here: https://wordpress.org/plugins/simple-custom-css/

    Hope that helps Joe! Let us know if you still need further assistance here.


  • jsegal
    • WordPress Warrior

    Hey thanks again Tyler.

    Its going ok. Cant stop myself from working all the time. Suns shining and its a nice day in LA.
    Think I'll take a pizza break.

    Can you share with me how you find the ".uk-offcanvas-bar.uk-offcanvas-bar-flip.uk-offcanvas-bar-show" ? I did an inspect element in chrome.


  • Tyler Postle
    • CGO

    Hey Joe,

    I know it was awhile ago now, but hope you had a good pizza break :slight_smile: I could go for one right about now.

    Is this site not in your dashboard anymore? I forget the full url of it and also forget how I found that class :p

    I used Firebug, which is very similar to Chrome dev tools. I used the Firefox Responsive View tool as well, so I could view it in the correct resolution for a tablet.

    Look forward to hearing back!

    All the best,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.