Superfly button in header

[LATGroupAustralia]

Hi,

I want to place the superfly menu button inside the header and all I can get so far is a button in an absolute position at the top right corner on my website.

How can I work around it? When I’m creating the header in pro I don’t see a superfly element that I can apply. I tried by adding it as a custom widget but it doesn’t seem to work either.
TIA

regards.

[tristup]

Hi Hector,

Thanks for reaching out.
There is no option to move the Superfly button inside the Header. It’s also not recommended because Superfly’s button was designed to stick on the screen.
You can try this by adding the following code into the Theme Options > JS

jQuery('.sfm-navicon-button').appendTo('.x-navbar .x-container');

Please remember that this code is a sample code, and it varies from case to case, and we can’t guarantee it works for you. Please consult any 3rd party developer in case you faced any issue.

Thanks

[LATGroupAustralia]

Hi @tristup, thanks for your reply.

Actually, the best way I’ve found to solve this problem is by adding a custom menu trigger as this tutorial says, http://superfly.looks-awesome.com/docs/Customize/Custom_Menu_Trigger.

thanks.

[tristup]

Hi Hector,

Glad to know that you are to find the solution.

Thanks