Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1133215

    I’m using a sub-menu on this main page. Most of the menu links jump to the proper spot. For some reason 2 of the links are not working properly. When the ‘Autor Bio’ or the ‘Events’ links are pushed they move a little bit up the page. I triple checked the links and they seem correct. Does anyone have an idea why this may be happening?

    https://jaclyndawn.com

    • This topic was modified 4 years, 9 months ago by hotspot01. Reason: link
    #1133625

    Hey Chris,

    They seem to be working fine on my end using Chrome on OSX. On which browser/OS are you having this problem?

    Best regards,
    Rikard

    #1133630

    For me it works fine on a computer but once it is on a phone those 2 buttons don’t work. I’ve tried it on Chrome, Firefox and Safari on my iphone and Chrom on an android. Same thing on both devices.

    #1134059

    Hi hotspot01,

    The submenu does work in Safari on my IPhone. Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    #1136745

    I’ve cleared my cahce and all cookies. On Safari, Firefox and Chrome I’m still getting the same behaviour.

    Here are two sample videos I recorded to show you exactly what I’m experience.

    Safari Sample

    Chrome Sample

    Any thoughts?

    #1138344

    Hi,
    Sorry for the late reply and thanks for the link to your site, I see that you have some sections that are duplicated that show/hide depending on screen size, which is a good tactic for controlling how your site looks on devices. But the issue you are now experiencing is that these different sections have the same ID’s so the links are anchoring to the first ID they find, visible or not. To correct please ensure that each section has a unique ID and create a copy of your sub-menu with the new anchor IDs which we can also hide with css depending on screen width.

    Please give this a try, if you would like assistance on achieving this please let us know and give us permission to adjust your elements.

    Best regards,
    Mike

    #1139155

    So I’ve created a copy of the sub menu and given those two sections unique ids. That seemed to have solved the weird jumping issue thanks! But now I have a different issue. I can’t seem to hide one of the menus using css. Sub menu 1 dissapears on mobile but sub menu 2 will not disappear above 769.

    Here is the code I am using.

    @media screen and (max-width: 769px) {
    #av-custom-submenu-1, #sub_menu1 {
         display:none !important;
    }
    
    @media only screen and (min-width: 768px) {
    #av-custom-submenu-2, #sub_menu2 {
         display: none !important;
    }
    

    Am I doing something wrong?

    #1139268

    I figure it out. I was missing a couple closing brackets.

    @media screen and (max-width: 769px) {
    #av-custom-submenu-1, #sub_menu1 {
         display:none !important;
    }
    }
    
    @media only screen and (min-width: 768px) {
    #av-custom-submenu-2, #sub_menu2 {
         display: none !important;
    }
    }
    #1139534

    Hi,

    Great, I’m glad that you got it working. So everything is working as it should now then?

    Best regards,
    Rikard

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