Add Logo to Mobile / Tablet Nav Bar

On my website,, I am trying to add our logo to the right of the hamburger menu on the nav bar at the top. I tried the following changes to the css stylesheet, and when I look at the source for the page, the logo is there, but it isn't actually showing up on the screen. How do I fix this?

@media only screen and (max-width: 770px) {
.header-image a {
position: absolute;
top: 0;
right: 0;
z-index: 999;
width: 143px;
background-size: 130px !important;
background: url("") no-repeat scroll 0 0 transparent !important;
left: 0;
margin-left: 40px;

.site-header .widget-area {
position: absolute;
width: 50%;
top: 0;
right: 0;

.nav-secondary .responsive-menu-icon::before {
float: left;

nav.nav-primary {
display: none !important;

I have granted support access through the wpmu plugin if that helps.


  • Patrick
    • Support Monkey

    Hi there @d-invent

    I hope you had a great weekend!

    I think you're just targeting the wrong container for the background image. Try this:

    .nav-secondary .wrap {
    url("") no-repeat 50px 4px/15% transparent;

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.