Sub Menu Will Not Stick - Support | Kriesi.at

Tagged: sub-menu

Viewing 20 posts - 1 through 20 (of 20 total)

Author

Posts
January 16, 2019 at 12:58 pm #1054538

AdrianSmithUK
Participant

I setup a sticky sub menu a few years ago and it worked fine until recently. I don’t know when it stopped working.
The sticky option is set and if you take a look at the html you will see that the sticky class and placeholder are in place.
ie:
<div id="sub_menu1" class="... av-sticky-submenu ..."
<div class="sticky_placeholder" style="height: 102px;"></div>

January 16, 2019 at 8:35 pm #1054707

Vinay
Inactive Moderator

Hey AdrianSmithUK,

A plugin conflict may be one of the reasons for this issue.
To find which plugin is causing the conflict please follow these steps:

1. Go to your plugins page > Deactivate all active Plugins
2. Update WordPress and Enfold to the latest version if you have not.
3. Make sure all the plugins are updated.
4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

We await the results of your plugin compatibility test.

Thanks for your cooperation :)

Best regards,
Vinay

January 17, 2019 at 11:22 am #1054936

AdrianSmithUK
Participant

Hi Vinay,
I tried turning off all of the plugins and I switched from the child to the core Enfold theme. Unfortunately, the problem still persisted.
I also loaded a vanilla WP/Enfold test installation onto XAMPP and found that the Sub Menu works fine. Therefore, it’s definitely something to do with my installation, but I can’t think what.
I’ve tried debugging it with Chrome and the CSS looks fine and there are no errors in the console.
I’ll keep trying and report back when I find a fix.
Thanks for your help.
Kind Regards,
Adrian

January 19, 2019 at 1:53 pm #1055854
Vinay
Inactive Moderator
Hi,

Thank you for letting us know about the issue. We would like to investigate this issue further please post us your login credentials (in the “private data” field), so we can take a look at your backend.
1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
  ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Vinay
February 4, 2019 at 11:36 am #1062611

ariane1001
Participant

Hi,
I was wondering if this issue was solved since I have the same problem on https://www.congresarchitect.com? Submenu was sticky but not anymore.
Regards, Ariane

February 4, 2019 at 12:16 pm #1062629

AdrianSmithUK
Participant

Hi ariane1001

Unfortunately not. Vinay offered to help debug the issue for me but I wasn’t able to give him access to my admin area and so it never went forward.

I’ll post an update if I find a fix.

Kind Regards,
Adrian Smith

February 4, 2019 at 12:20 pm #1062631

ariane1001
Participant

Hi Adrian,
thanks for your reply.
Whenever Vinay would like access to admin area of https://www.congresarchitect.com I can do that.
Maybe when he finds the solution there it could work for you too?

So @Vinay, would you like access? I will install ” Temporary Login Without Password “ then. Just let me know.

Regards Ariane

February 5, 2019 at 8:35 pm #1063301

Victoria
Inactive Moderator

Hi Ariane,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria

February 5, 2019 at 10:16 pm #1063359

ariane1001
Participant

Hi,
Down below a login link,
Thanks,
Ariane

February 7, 2019 at 10:43 pm #1064325

Victoria
Inactive Moderator

Hi ariane1001,

Thank you.

It does not stick on my machine either. I reported the issue to our devs. They’ll work on it as soon as they can.

If you need further assistance please let us know.
Best regards,
Victoria

February 11, 2019 at 2:36 pm #1065435
Mike
Moderator
Hi,

@AdrianSmithUK & @ariane1001, we have found that there is a “if” statement in the menu.js that disables the sticky sub-menu. Please try to edit: \enfold\config-templatebuilder\avia-shortcodes\menu\menu.js line 57-61, look for:
```
if( burger_menu.is(":visible") )
					{
						this.css({top: 'auto', position: 'absolute'}); fixed = false;
						return;
					}
```
and change to:
```
/*if( burger_menu.is(":visible") )
					{
						this.css({top: 'auto', position: 'absolute'}); fixed = false;
						return;
					}*/
```
or you can replace the file with this modified one, please retain a copy of the old one should you wish to un-do this modification.
(I will disable the link in a week so it doesn’t conflict with future updates)
Thank you for your patience.

Best regards,
Mike
May 20, 2019 at 5:26 pm #1102528

AdrianSmithUK
Participant

Hi Mike,

I was waiting for this to get rolled into a formal release but it’s nearly three months and three releases and this fix still hasn’t been rolled into a release.

Anyhow, I decided to implement it and you can see on the attached page that it works but not when I switch to mobile view.

Is there some way I can fix that too.

Kind Regards,
Adrian Smith

May 20, 2019 at 9:32 pm #1102578

ariane1001
Participant

HI,
Same question here, would be nice if it was fixed in an update!

Kind regards,
Ariane

May 22, 2019 at 9:42 pm #1103463

Basilis
Inactive Moderator

Hi,

Yes, we are working to get it short out!

Best regards,
Basilis

May 7, 2020 at 2:03 am #1210581
docperi
Participant
Still waiting. Over one year …

@Mike: Is it possible to use your workaround in a child theme?

Mean this …
```
/*if( burger_menu.is(":visible") )
					{
						this.css({top: 'auto', position: 'absolute'}); fixed = false;
						return;
					}*/
```
May 8, 2020 at 12:43 pm #1211012
Mike
Moderator
Hi,
You can add this code to the end of your child theme functions.php file in Appearance > Editor:
```
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
	$template_url = get_stylesheet_directory();
    	array_unshift($paths, $template_url.'/shortcodes/');

	return $paths;
}
```
then add a directory shortcodes to your child theme and copy the directory \enfold\config-templatebuilder\avia-shortcodes\menu\ to the shortcodes directory.
Then edit your files to suit, the child theme will then load the function instead of the parent theme.
Then clear your browser & site cache and check.

Best regards,
Mike
June 4, 2020 at 10:52 pm #1219593

docperi
Participant

This is how I did it. But it doesn’t work. It’s just ignored.

June 7, 2020 at 2:55 am #1220096

Mike
Moderator

Hi,
Please ensure any caching plugins are disabled and the Enfold Theme Options > Performance > JS & CSS file merging and compression is disabled and then clearing your browser cache a few times, js files can be tricky to clear if you are caching.
If this doesn’t help, please include an admin login in the private content area and link to a page where we can see the issue so we can be of more assistance.

Best regards,
Mike

July 20, 2021 at 7:32 pm #1310925

estleman
Participant

Has this been fixed? I believe I’m having this same issue.
I’m trying to have a sticky submenu on mobile and the only solutions I am finding is having position:fixed and setting its position from the top, however, I lose the “Scroll to stick” experience. Also, if I do this, then the header of the page is over it and it does not show or remain at the correct position when the page loads.

I hope that makes sense. Kind of hard to explain it. Said another way, I cannot get my submenu to scroll with the page and then stick once it reaches the top of the browser on MOBILE, which as stated above, looks to be a conflict with the burger menu.

#1) Am I correct that this is indeed the issue?
#2) Has there been a fix?

July 21, 2021 at 2:17 pm #1311149

Mike
Moderator

Hi,
The full-width sub-menu was not designed to be sticky on mobile, so this is not an issue. Some of this thread talked about a customization while the opening thread from 2019 was about a user issue. Since this thread is old and jumps between topics, please create a new thread after you update to v4.8.4, as there has been many changes.
In your new thread please link to a test page on your site so we are sure to match the header settings and we will try to help with this.
Thank you for your patience and understanding.

Best regards,
Mike
Author

Posts

Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘Sub Menu Will Not Stick’ is closed to new replies.