Hi, I'm trying to setup a section of a sidebar to have links to various types of our content ... calculators, infographics, slideshare, podcasts etc. I've set up a page for working on the sidebar coding. http://bankruptcycanada.com/sidebar-working/ I coded one div for the first type of content and I copied that div again. The link for the first div works but there is no link on the second div (The second "calculators" under Information Library in the sidebar) Could someone please tell me why the first div works but the second - which is an exact copy of the first - does not. The second div is styled properly, just the link is not working. The code is: <div class="sidebar-content-library"><img src="https://bankruptcycanada.com/wp-content/uploads/2017/02/calculator-icon.png" alt="Calculators"><a href="https://bankruptcycanada.com/bankruptcy-calculators/">Calculators</a></div> <div class="sidebar-content-library"><img src="https://bankruptcycanada.com/wp-content/uploads/2017/02/calculator-icon.png" alt="Calculators"><a href="https://bankruptcycanada.com/bankruptcy-calculators/">Calculators</a></div> HTML:
Hello, I am new to coding and I cannot give you the answer without seeing the code and it's css so quickly but if you try and inspect it you will see that you are looking at the wrong spot. You h4 which is below that is over your link and it's either a mistype someone like not closed brackets or height issue is makes the overlapping. Hope this helps
Hi Rokis Thanks for all your help. I'm fairly new at coding too. I managed to hack away at the code and seemed to get it OK. Thanks Mubashir Have a good day guys ))
Great news, maybe you can tell me what was the issue exactly so I know what to do if that happens to me also? Thanks
Hi Rokis, not exactly sure what it was but it was some error in the CSS. I cleared all the CSS and re-coded it from scratch
The code looks fine, it must of been the css. I would of used 2 lines within the css for these links.