Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Trying to create a sidebar to navigate in the app, keeping a navbar on top

    How-to, Tutorials
    2
    4
    345
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Olivier MAGNIN
      Olivier MAGNIN last edited by

      Hello,

      I try to create a secondary navigation pane as left sidebar for desktop and a bottom sidebar on the bottom of the page for mobile. Both fixed.

      here is my preview in PageBuilder.
      Capture d’écran 2021-05-13 à 14.04.57.png

      I've set My left fixed sidebar as visible only on desktop and landscape tablet.
      I try to set the bottom section containing icons as visible only on mobile, this is OK. But I'm unable to make it position fixed on the bottom of the page.

      Any idea to workaround this ?

      1 Reply Last reply Reply Quote 0
      • Wassim
        Wassim last edited by

        Hi,

        This is not a built-in feature you'll be able to use with AppDrag.
        A solution would be to add an id to your section and add some css to fix it to the bottom :

        #yourSection {
        position: fixed;
        bottom:0;
        left:0;
        right:0;
        
        1 Reply Last reply Reply Quote 0
        • Olivier MAGNIN
          Olivier MAGNIN last edited by

          @Wassim said in Trying to create a sidebar to navigate in the app, keeping a navbar on top:

          #yourSection {
          position: fixed;
          bottom:0;
          left:0;
          right:0;

          Excellent ! I's working perfectly ! Thank you Wassim !

          1 Reply Last reply Reply Quote 1
          • Wassim
            Wassim last edited by

            You're welcome 🙂

            1 Reply Last reply Reply Quote 0
            • First post
              Last post