Force an extra dropdown menu ontop of everything

  • pavlosthes

    (@pavlosthes)


    6 years, 3 months ago

    Hello all,

    I can’t seem to make a small extra dropdown menu appear correctly on my homepage (desktop only). It is a small triangle at the top right corner which is supposed to dropdown on hovering. There are already a bunch of stuff running, and this little extra is obvisouly hiding beneath the content. I tried some approaches with z-index, nothing has helped.

    Could someone help me out?

    Please note site is locked for public access. [ redacted ]

    Any help would be appreciated, thanks!

    • This topic was modified 6 years, 3 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • hatesspam

    (@hatesspam)

    6 years, 3 months ago

    I get a ton of error messages in the developer console (F12 in your browser, then tab Console). I suggest you fix those first, because now it is a game of Guess Which Failed Resource is Needed.

    Storm Rockwell

    (@stormrockwell)

    6 years, 3 months ago

    If your menu is using JavaScript it would most likely be broken because of the error Uncaught ReferenceError: responsiveVideos is not defined

    There is a call to the function “responsiveVideos” that is currently commented out. I would recommend commenting out responsiveVideos(responsiveDesign); in script.responsive.js and seeing if your menu works properly after that. This could potentially open up more errors but from this file I don’t think it should

    Thread Starter pavlosthes

    (@pavlosthes)

    6 years, 3 months ago

    Hello, thank you for your help!

    I have checked the issue in script.responsive.js and it is placed in comments:

    // var responsiveVideos = (function ($) {
//     "use strict";
//     return function (responsiveDesign) {
//         $("iframe,object,embed").each(function () {
//             var obj = $(this);
//             var container = obj.parent(".art-responsive-embed");
//             if (responsiveDesign.isResponsive) {
//                 if (container.length !== 0)
//                     return;
//                 container = $("<div class=\"art-responsive-embed\">").insertBefore(obj);
//                 obj.appendTo(container);
//             } else if (container.length > 0) {
//                 obj.insertBefore(container);
//                 container.remove();
//             }
//         });
//     };
// })(jQuery);

    This is probably some plugin, i have never worked on that and i dont know what it does.

    I have also made some changes to the dropdown menu. Could you look at this again?
    Its even worse now! I have tested it in codepen: https://codepen.io/anon/pen/pqVXQG and it works fine, but when placed in my site it causes damage…

    • This reply was modified 6 years, 3 months ago by pavlosthes.
    Storm Rockwell

    (@stormrockwell)

    6 years, 3 months ago

    Since the menu is purely CSS. The javascript error most likely isn’t affecting the navigation menu but it should be looked into. With some investigation, there are some issues with how the CSS implemented.

    A couple things I noticed:
    – positioned absolute below a different navigation item
    – .art-textblock-links has overflow hidden so the nav items will get cut off.

    I won’t be able to help with exactly how to implement the HTML/CSS in your theme but I hope this helps point you in the right direction.

    Thread Starter pavlosthes

    (@pavlosthes)

    6 years, 3 months ago

    Dear Storm, thank you so much for your help. This is so frustrating… I get to fix something, then something else breaks…. I did succeed to make it visible, by removing overflow:hidden. Yet now the Facebook icon goes out of its place and i can’t make the popup menu look right. I used a backround color to make popup links show up inside a rectangle, but it doesn’t and the links themself look weird. I know i’m wasting your time, sorry about that.. But if i can do it a little bit more, it’d be great.

    Thread Starter pavlosthes

    (@pavlosthes)

    6 years, 3 months ago

    Hey again,

    Seems likes i did it. Thank you again for your valuable help!

    Storm Rockwell

    (@stormrockwell)

    6 years, 3 months ago

    Awesome! I’m glad to hear

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Force an extra dropdown menu ontop of everything’ is closed to new replies.