Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 3, 2019 at 6:20 am #1133215
    hotspot01

    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, 8 months ago by hotspot01. Reason: link
    September 4, 2019 at 6:40 am #1133625
    Rikard

    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

    September 4, 2019 at 6:52 am #1133630
    hotspot01

    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.

    September 4, 2019 at 8:08 pm #1134059
    Victoria

    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

    September 10, 2019 at 7:53 pm #1136745
    hotspot01

    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?

    September 14, 2019 at 4:44 pm #1138344
    Mike

    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

    September 17, 2019 at 4:30 pm #1139155
    hotspot01

    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?

    September 17, 2019 at 9:44 pm #1139268
    hotspot01

    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;
}
}
    September 18, 2019 at 3:46 pm #1139534
    Rikard

    Hi,

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

    Best regards,
    Rikard

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