side nav bar -not working

Topic: side nav bar -not working

Palak@tru free asked 4 years ago

Resources (screenshots, code snippets, etc.) This is the image when I click on the icon to open side navigation bar

It is not showing any sidebar navigation when I click on the icon!

Christian Aichner pro commented 4 years ago

Please provide more details. Code examples, link to GitHub, ... whatever it takes to help you.

Konrad Stępień staff commented 4 years ago

Hi @Palak@tru,

@Christian Aichner is right. I would ask for more details about the problem. Some code in which we can check the error.

Best regards, Konrad.

Palak@tru free commented 4 years ago

Hi @Christian Aichner,@Konrad Stępień

I have just created an app using create-react-app and added mdbreact with auth code, then pasted the jsx code of side navigation bar.

Although Slim side-nav is working but the basic one is showing a black screen on click of hamburger icon as shown in the screenshot.

Add comment

Konrad Stępień staff answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

Hi @Palak@tru,

If you want you can try to add these styles for your css file

.side-slide-enter-done {
    opacity: 1;
    transform: translateX(0) !important;
}

Please try these styles and tell me if the problem still exists and then can you send your project on GitHub or something like that? I would look at whether everything works properly.

Best regards, Konrad.

Add comment

Palak@tru free answered 4 years ago

0 0 Best answer

It isn't working in 'electron-react-boilerplate'. Can you try it with this boilerplate? I have figured out the issue, it is canceling the 'transform' property.

Please refer to the screenshot attached with it . In this screenshot you can see, it is canceling out the 'transform' property