Double logo on header

My website is displaying double logo when viewed from iPhone landscape mode and on iPad portrait mode. I have tried adding this to the code:

@media (max-width: 540px) {
    li.bx-clone {
    	display:none;
    }
}

and this:

@media screen and (max-width: 768px) {
    .navbar-brand > img {
        display: none;
    }
}

and this:

.logo-mobile-sticky.scale-with-grid{ display: none; }

I have aded these codes separately first on the style.css file and then con the customize CSS of my theme (I am using Peak theme from InfiniteGrids)

I would appreciate some help on the issue

** I have cleared cache every time I have performed changes

• This topic was modified 7 years, 5 months ago by muzeion.
• This topic was modified 7 years, 5 months ago by muzeion.
• This topic was modified 7 years, 5 months ago by muzeion.