Docs

[Rehngruppen]

Hello!
Is there any way to add either the built in toggle to the superfly menu into the header/navbar? I can also use a custom toggle but that would require the ability to add custom content to the navbar, is this possible? right now i’m using just a margin value from the right, since my navbar is fixed, but it doesnt look good when you reduce the window size and the button is in the middle of the header instead of aligned to the right with the sections, like the built-in button for the menu when using a mobile browser.

//Anton

[Rehngruppen]

The images where too big, here they are again.

[Rupok]

Hi there,

Thanks for writing in! We would kike to check your current setup first. I grabbed the URL from screenshot but it seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[Rehngruppen]

This reply has been marked as private.

[Thai]

Hi There,

Please try adding the following CSS:

a.x-btn-navbar.collapsed {
    display: none;
}

.sfm-navicon-button.x.sf_label_default {
    right: 0 !important;
}

Hope it helps 🙂

[Rehngruppen]

This reply has been marked as private.

[Christopher]

Hi there,

Please add at least one menu item so we can see the issue.

Thanks.

[Rehngruppen]

There isnt an issue with the built in menu, I want to use the superfly menu, but i want its activation button to be placed where the standard menu is inside the navbar. Basically i want the built in responsive burger-menu button that is shown when the screen is small and use it to activate the superfly menu, but since i cant add a custom element to the menus i need to use the Superfly menu button. The superfly button can only be placed in a absolute position, i want it to be in the same position as the standard menu would be, regardless of window size so it scales responsively like the standard menu.

[Nabeel A]

Hi again,

You can try adding the following code in your Customizer:

.sfm-pos-right .sfm-rollback {
    position: relative !important;
    float: right !important;
    margin-right: 35px !important;
}
body .sfm-navicon-button.x.sf_label_default {
    right: auto !important;
    position: relative !important;
}

Let us know how this goes!

[Author]

Posts