Nav Image on mobile

0
votes

I have built this siteWhen I'm viewing it on mobile I can see the Nav Bar image, But if I view the site on a phone I no longer can see the Nav Bar image. Here is the CSS. Any help would be appreciated. background: url("/img/nav-bar/group35.png"); `.mobile-nav-logo {

font-size: 35px;
height: 50px;
width: 123px;
color: white;
text-decoration: none;
position: fixed;
z-index: 1000;
left: 19px;
top: 9px;
cursor: pointer;
background-size: contain;
cursor: pointer;

}`

3
htmlcsswordpressnavbar
Where is it? Edit it again. – Hamza Anis
i couldn't add the background: url("/img/nav-bar/group35.png"); how wanted – Michael James Harvey

3 Answers

1
votes

This is a feature, not a bug. The template you are using has a mobile menu that it switches to when the screen width goes below 1000px. You click on the little stack icon and it pulls up the menu.

0
votes

It's because there is a media query that hides the nav to make it mobile friendly:

When the screen reaches 1000px the nav bar collapses.

@media only screen and (max-width: 1000px)
style.css?ver=1.0:1457
.nav-bar {
    display: none;
}
0
votes

I figured out that my problem was a caching issue. I changed the image to be a .svg. But chrome was caching the old image which didn't exist anymore.