user1764987 user1764987 - 1 month ago 4
CSS Question

css not working for header nav bar links

I have the following page - and the header links, such as "Our Tours" and "Pick Up Points" are not linkable and I dont understand why. Can someone please help me understand why this wont work correctly.

https://www.comparestonehengetours.com/tour/categories.php?path=Day+Tours

Such as source text...

<li onclick="document.location='https://www.comparestonehengetours.com/pick_up.php'">
<a>Pick Up Points</a>
</li>


Thanks!

XYZ XYZ
Answer

enter image description here The div with class .site-content.large-centered is over your menu.So in that page the click is on that div instead of the menu.When you inspect the page you can see that.

@media only screen and (min-width: 64.063em).column.large-centered, .columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;}

remove the float none and you can click the menu.And also remove the javascript for menu linking put the links directly.thats good

Comments