Dropdown activates from anywhere on the page below the menu & anchor scroll out

[LumoDesign]

Hi,

I have two issues:

1. My dropdown menu activation area seems to be anywhere as normal over the menu, but also about twice the height of the dropdown area below the menu.

2. When you click on any of the links in the dropdown menu it scrolls down to the anchor. But doesn’t quite line up to the anchor top (about 5px below on Chrome and about 20px on Safari) I need it to line up to the anchors.

This is the site address: http://s24966.p20.sites.pressdns.com/

Summary

[thai]

Hi There,

Please try adding this custom CSS under Pro > Theme Options > CSS:

a.hm11.x-anchor.x-anchor-menu-item > span.x-anchor-content {
    display: inherit;
    height: 100%;
    max-height: 100%;
}

After that add this custom JS under Pro > Theme Options > JS:

(function($)
    { $( document ).ready( function()
        {
        $('.x-anchor.x-anchor-menu-item[href*="#"]').off();
        $(document).on('click touchend', '.x-anchor.x-anchor-menu-item[href*="#"]', function(e)
            {
                e.preventDefault();
                console.log( $(this).attr('href') );
                var hash = '#' + $(this).attr('href').split('#')[1];
                if ( hash == '#' ) return false; $('html, body').stop().animate(
                {
                    scrollTop : $(hash).offset().top - $('.x-bar-fixed').height()
                });
            });
        });
})
(jQuery);

Let us know how it goes!

[LumoDesign]

Hi,

The drop downs are now working fine

The Anchor scroll is now going up behind the header menu

I’ve tried a few differnt settings on the height:

height: calc (100% -30px);
max-height: 100%;

But nothing works?

Thanks

Ed

P.S. Also I thought bookmarking the post would notify me by email when you replied? It didn’t. which is why its taken me till now to check it. How do I get email notifications of your replies?

[ruenel]

Hello There,

Thanks for updating in!

You can check out your topics and replies in your profile.
https://theme.co/apex/forum/u/LumoDesign/notifications/responses

To resolve the anchor scroll in your site, please have the JS code updated and use this instead:

(function($)
    { $( document ).ready( function()
        {
        $('.x-anchor.x-anchor-menu-item[href*="#"]').off();
        $(document).on('click touchend', '.x-anchor.x-anchor-menu-item[href*="#"]', function(e)
            {
                e.preventDefault();
                console.log( $(this).attr('href') );
                var hash = '#' + $(this).attr('href').split('#')[1];
                if ( hash == '#' ) return false; $('html, body').stop().animate(
                {
                    scrollTop : $(hash).offset().top - $('.x-bar-fixed').height()
                });
            });
        });
})
(jQuery);

We would loved to know if this has work for you. Thank you.

[LumoDesign]

@RueNel

https://theme.co/apex/forum/u/LumoDesign/notifications/responses

Hi @RueNel,

That worked, Thanks!
Can I ask why you need to add this complex JS code when this is something that used to work without any code?

Also I’ve had a look at the Topics and Replies link that you sent, but I can’t see anywhere an option to turn on email notifications on replies from support. I know this is something that I used to be able to do sometime last year. Is this no longer an option?

Thanks again.

Ed

[ruenel]

Hey There,

The link I’ve sent you is for you to be able to see any responses made by staff or other users to your thread. For the notifications, you can check the settings here: https://theme.co/apex/forum/u/LumoDesign/preferences/notifications

On the other hand, the JS code is needed because Pro 1.2.7 does not support one page navigation. This shall be supported in Pro 2.0 which is already out. Please check the changelog here: https://theme.co/changelog/#theme-pro-2-0-0

Hope this helps.

[LumoDesign]

Hi,

I know you’re being very helpful in a lot of areas. But is it possible to actually answer a question with a simple answer?
Because the link you sent me doesn’t really tell me if I can or not, get email notifications of any responses.

Is it possible for you to just say YES or NO…if I can get email notifications to any responses? And if yes, click this or that button to make it work.

Thanks for your time.

Ed

[paul.r]

Hi Ed,

Yes you can get email notification.

You can enable it under Preferences > Emails

https://theme.co/apex/forum/u/LumoDesign/preferences/emails

[LumoDesign]

Thank you Paul for a very concise and direct response
Thanks again

ed

[ruenel]

You are most welcome!

[LumoDesign]

Hi,

The Issue with the Anchor scroll that I had previously that was fixed with the JS code that you sent me, stopped working. I hadn’t changed anything. But as @RueNel had said previously that was now supported in Pro 2.0 i decided to upgrade to the newest version.

This still didn’t make any difference to the anchor scroll. with the JS code commented out. It didn’t work at all.
With or without that JS code installed.

The same login details etc are in the earlier post.

Thanks

Ed

[ruenel]

Hello Ed,

Please do not remove the JS code just yet. The one page navigation support in Pro hasn’t made into the final update release. I have checked our issue tracker and this feature will be included in the Pro 2.1 milestone. We apologize for this inconvenience.

By the way, I have tested the site with the temporary fix and it is working in my end. I can click on the menu item and it goes to the correct section. Please clear your browser cache or use private browsing mode and test the site again.

Thank you for your understanding.