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

Bottom bar navigation for mobile screen size


I'm aiming to implement a fixed-position bottom navigation bar for mobile views in Metronic. This navbar will remain visible at the bottom of the screen during scrolling and will feature icon-based menu items, similar to the navigation found in apps like WhatsApp or Instagram. The goal is for this bottom navbar to be exclusive to mobile. On larger screens, it should be hidden, and the primary navigation would likely transition to a vertical sidebar or a horizontal top navigation.

is there any template has this navigation implemented, if not could you guide me how to implement them


Text formatting options
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
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (0)