Support » Plugin: Responsive Menu » Links in Additional Content

  • Resolved CJBuilt

    (@cjbuilt)


    Please see this site: https://mangoseasonmusic.com/

    I have added social media links in the “additional content” area, but the links do not work.

    Any idea what is going on?

    Thanks for a great plugin!

    • This topic was modified 2 months ago by  CJBuilt.
Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    I just checked your site and the links appear to be working fine for me.

    Please advise

    Peter

    CJBuilt

    (@cjbuilt)

    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.

    Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    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

    CJBuilt

    (@cjbuilt)

    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.

    Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    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

    CJBuilt

    (@cjbuilt)

    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.

    Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    Hey again,

    If you can provide a link with it not working I can definitely take a look for you.

    Peter

    CJBuilt

    (@cjbuilt)

    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 2 months ago by  CJBuilt. Reason: additional information
    Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    I just tried them and they all work fine for me.

    Please advise

    Peter

    CJBuilt

    (@cjbuilt)

    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.

    Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    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

    CJBuilt

    (@cjbuilt)

    Well thanks. I thought I tried that yesterday, but I don’t think I declared ‘display:block;’

    Occam’s Razor strikes again.

    Plugin Author Peter Featherstone

    (@peterfeatherstone-1)

    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

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.