Hey there,
I just checked your site and the links appear to be working fine for me.
Please advise
Peter
Yeah, sorry. I figured it out. I marked the thread resolved, but should have explained.
It turns out that for some reason when the links are in
format they don’t work. Which is too bad b/c I was bringing in an existing menu with a shortcode.
When I just hand coded in the links, they work fine.
Hey there,
That’s a strange one and there is no reason that a link wouldn’t work inside a list, in fact I do it all the time on my site.
Are you sure it wasn’t something else causing the issue, as you can see below that links do work inside lists:
Peter
Sure, links do work within lists, but they don’t work within lists when placed in the “additional content” area of the responsive menu. Try it out.
Hey there,
Additional Content should make no difference, HTML is HTML regardless of where it is placed. I just tested it in on my site and it works fine, check it out:
https://peterfeatherstone.com/
Peter
Well I have no idea why but it wouldn’t work on two different sites for me. I was replacing the text with an image via css, but that’s never been a problem anywhere else.
Hey again,
If you can provide a link with it not working I can definitely take a look for you.
Peter
OK. Try the the social media icons at the bottom of the menu here: https://mangoseasonmusic.com
The only appear on screens below 767px
It’s the exact same menu that is across the top of the page on larger screens and it works fine.
-
This reply was modified 8 years, 8 months ago by
CJBuilt. Reason: additional information
Hey there,
I just tried them and they all work fine for me.
Please advise
Peter
I just cleared the Sucuri Cache, please try it again now, after clearing your own cache.
They don’t work for me in Safari, Chrome, Firefox, on an Android phone, or on an iPhone.
Hi there,
It’s because your actual anchor elements have no display, height or width value due to the containing elements having a float: left; applied to them and that by default anchor elements have a display of inline-block.
The below CSS fixed it for me right away:
div#menu-test li a {
width: 45px;
height: 45px;
display: block;
}
Hope that helps
Peter
Well thanks. I thought I tried that yesterday, but I don’t think I declared ‘display:block;’
Occam’s Razor strikes again.
Hey there,
You’re welcome and glad it’s working fine for you now and you can keep the list elements in there 🙂
Have a great evening
Peter
