[Edmund Cotta]

Ok i figure it out.

here is my solutions

@media screen and (max-width: 480px) {
.header–topbar-logo {
display:inline-block;
max-width: 320px;
margin: 0 auto;
width: 90%; }
}

i did width @ 90% to allow for devices with a 320px screen width to work without distorting the logo ad having to set a 300px max-width

hope this can help others.

[Edmund Cotta]

so after extensive testing it seems the logos are causing the issue here.

I would like to know how to increase the header for screens less than 768px width. I believe that is what needs to be done at least for now.

[Edmund Cotta]

Ok so I have added the code. But for some reason the greens logo@2x.png seems to never clear from loading even after deleting the logo. I cleared the cache ok server just to be sure. Still nothing changes.

I’m not sure why this logo wants to keep loading even though it does not exist on the server.

[Author]

Posts