Home Forums Porto Admin Template "Toggle Sidebar" Mobile

This topic contains 3 replies, has 2 voices, and was last updated by  Support2 1 month ago. This post has been viewed 76 times

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10027430

    klabundee
    Participant

    Hello, I bought Porto Admin on Theme Forest and did some changes as I just need a clean and simple Admin Template.

    I removed the top header and changed the left menu as needed.

    The problem is that when the window is small or on mobile it doesn’t show the button to open the left menu.

          <div class="inner-wrapper">
            <!-- start: sidebar -->
            <aside id="sidebar-left" class="sidebar-left">
            
                <div class="sidebar-header">
                    <div class="sidebar-title">
                        Menu/Navegação
                    </div>
                    <div class="sidebar-toggle d-none d-md-block" data-toggle-class="sidebar-left-collapsed"  data-fire-event="sidebar-left-toggle">
                        <i class="fas fa-bars" aria-label="Toggle sidebar"></i>
                    </div>
                </div>
            
                <div class="nano">
                    <div class="nano-content">
                        <nav id="menu" class="nav-main" role="navigation">

    Normal
    Problem

    Any suggestions?


    #10027452

    Support2
    Keymaster

    Hello, thanks for your purchase.

    You mentioned that removed top header so probably this is the issue.
    The button that opens or close the left sidebar menu on mobile it’s inside the top header, as you can see on the image below:

    My suggestion for you is include the button where you want on the page. Here is the code:

    <div class="d-md-none toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">						
    	<i class="fas fa-bars" aria-label="Toggle sidebar"></i>					
    </div>

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10027454

    klabundee
    Participant

    Hello Rodrigo, thanks for the reply.
    It’s showing now but I had to add it twice. When using on mobile it doesn’t show the menu, I can’t add it there, so I added it close to the breadcrumbs, it worked but once the menu opened I can’t close it because the button is behind the menu, so I added it on the menu also.
    It’s working I’m trying to find a better position for it.

    Dash

    Dash2


    #10027460

    Support2
    Keymaster

    Hello,

    Great! This is a good solution to toggle when the menu it’s opened.

    If you need further assistance, feel free to contact us.

    Kind Regards,

    Rodrigo.


Viewing 4 posts - 1 through 4 (of 4 total)