Page 1 of 1

TopBar problem with Reveal Menu Mode when Anchored

Posted: 03 Jan 2023, 17:45
by epati
MegaMenu in the TopBar is occluded with the Reveal Menu (sidebar) when the menu is anchored.

This can be fixed by editing the _sidebar_reveal.scss like this:

Code: Select all

        ...
       &.layout-reveal-anchored {
             ...
             
            .layout-topbar {
                margin-left: 12rem;
            }
             ...
        }
        ...

Re: TopBar problem with Reveal Menu Mode when Anchored

Posted: 05 Jan 2023, 16:08
by cetincakiroglu
Hi,

The issue is not clear, could you please share a screenshot so we can identify the problem?

Re: TopBar problem with Reveal Menu Mode when Anchored

Posted: 06 Jan 2023, 14:01
by epati
Hi,

let me try to expain it more clearly;

First, Menu Mode is set to Reveal
Image

Now, Sidebar is collapsed and Breadcrumb and MegaMenu in the TopBar is visible as expected.
Image

When Sidebar is expanded, it occludes both the Breadcrumb and MegaMenu. This is expected since SideBar is now floating.
Image

But when Sidebar is pinned (using the checkbox on the right top side) layout gets broken. Breadcrumb adjusts its layout, but TopBar doesn't. This makes MegaMenu stay behind the Sidebar.
Image

Re: TopBar problem with Reveal Menu Mode when Anchored

Posted: 09 Jan 2023, 09:02
by cetincakiroglu
Hi,

Thanks for sharing screenshots, we'll check and get back to you

Re: TopBar problem with Reveal Menu Mode when Anchored

Posted: 10 Jan 2023, 08:47
by gucal
Hi,

Thank you for your information.

You can fix the problem by editing the code in your _sidebar_reveal.scss file.

Code: Select all

.layout-topbar {
            padding-left: 4.25rem;   
}
        
&.layout-reveal-anchored {
            .layout-topbar-end {
                padding-left: 17rem;
            }
}
We will fix the problem by publishing the new version as soon as possible.

Best regards.