简体繁体中英

Logo link issues with browser width lower than 992px

原文 2015-09-23 21:26:52 2 1 html/ css/ twitter-bootstrap-3

I am experiencing issues with the main logo link when the browser width is lower than 992px. It's working fine above this width.

Link is www.bestkennels.ie . If you visit any page and click the logo it should bring you back to the homepage. It seems only the top part of the logo is clickable. If i inspect in the dev tools i dont see any logo height issues.

I've tested in the latest Mac versions of Chrome and Firefox

Thanks for any advice.

1 answers

The problem is that div#navbar is covering part of your clickable logo. Its height should not be so large. You should use a margin-top to properly separate the elements instead.

Navbar items disappearing on screen width lower than 992px

my div is hidden when screen-width < 992px

Bootstrap - Display mobile menu at 992px

Media query max-width 992px not working on ipad landscape view

How to hide custom-background on desktop (over 992px width)

@media (max-width: 992px). display: block does not work

Turn 4 horizontal columns into to 2 blocks of 2 when it goes smaller than 992px?

text not aligns to centers on @media screen and (min-width:992px) and (max-width:1199px)

Move div to another div when screen is less then 992px and move it to original place for greater then 992px screen

Bootstrap navbar-expand-md height increasing @768px - 992px

暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question Navbar items disappearing on screen width lower than 992px my div is hidden when screen-width < 992px Bootstrap - Display mobile menu at 992px Media query max-width 992px not working on ipad landscape view How to hide custom-background on desktop (over 992px width) @media (max-width: 992px). display: block does not work Turn 4 horizontal columns into to 2 blocks of 2 when it goes smaller than 992px? text not aligns to centers on @media screen and (min-width:992px) and (max-width:1199px) Move div to another div when screen is less then 992px and move it to original place for greater then 992px screen Bootstrap navbar-expand-md height increasing @768px - 992px

Related Tags

Logo link issues with browser width lower than 992px

Question

1 answers

solution1 1 ACCPTED 2015-09-23 21:30:57

solution1
1 ACCPTED 2015-09-23 21:30:57