Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS

Buy

Metronic Mega Theme

Shoplit Next.js Boilerplate

Metronic ASP.NET

Star HTML Pro

Browse Products

Bootstrap Templates React Templates Boilerplates Vectors Freebies

Sidebar backdrop stays visible after navigating to a link react-router-dom

Hi,
First of all thanx for this amazing template.
The issue i am having is, when i set up the project to work with react and react router dom as a SPA, when user clicks on any Link on the navbar and navigate to another page, the menu closes but the backdrop stays visible over the page. Can you point me in the right direction?

Harun Akgun 7 months ago

React

1 Answers

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Replies (1)

Sean Author7 months ago

Hi,

Thank you for the heads-up. May I know which Metronic version you are using? v8 Bootstrap or v9 Tailwind ?

Regards.

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds

Stay Connected With Us

The More We Learn, The More We Are Able To Innovate & To Develop

How about

a Custom Project ?

Since 2012, we have helped startups, blue chip companies and government agencies and successfully delivered over 120 custom projects.

Hire Experts

Secured payment by Paddle with