Base solution for your next web application
Open Closed

Problem with Metronic theme #3105

User avatar
0
bilalhaidar created

Hi, I got a complaint from my client for the following behavior in the Metronic template (Attached). They use tablets of width ~640.

This snapshot is taken from the online demo that you offer: <a class="postlink" href="http://test4-27490.demo.aspnetzero.com/Application#!/tenant/dashboard">http://test4-27490.demo.aspnetzero.com/ ... /dashboard</a> Username/Password: admin/123456

Can we do something about it?

Go to accepted answer
9 Answer(s)
  • User Avatar
    0
    hikalkan created
    Support Team

    created an issue: <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/issues/184">https://github.com/aspnetzero/aspnet-ze ... issues/184</a>

  • User Avatar
    0
    bilalhaidar created

    Thanks Hilal. Once the fix is there, is it possible to just take the fix and apply it to my existing download?

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hı Bilal,

    Since you are using angularjs version , can you create an issue here as well <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero">https://github.com/aspnetzero/aspnet-zero</a>. Probably you can get only this fix to your project.

  • User Avatar
    0
    bilalhaidar created

    Thanks buddy :-)

    Here you go: <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero/issues/481">https://github.com/aspnetzero/aspnet-zero/issues/481</a>

  • User Avatar
    0
    tteoh created

    <cite>drcgreece: </cite> Hi, I got a complaint from my client for the following behavior in the Metronic template (Attached). They use tablets of width ~640.

    This snapshot is taken from the online demo that you offer: <a class="postlink" href="http://test4-27490.demo.aspnetzero.com/Application#!/tenant/dashboard">http://test4-27490.demo.aspnetzero.com/ ... /dashboard</a> Username/Password: admin/123456

    Can we do something about it?

    Hi Bilal,

    May I know what tool did you use to capture the screen that ruler bars?

    Thanks. /Tommy

  • User Avatar
    0
    bilalhaidar created

    Hello, I open F12 in Chrome, then choose "Responsive" so that I decide on the width of the screen I want, then I open Snipping Tool that comes with Windows for free. That's all :)

  • User Avatar
    0
    bilalhaidar created

    One possible solution is this:

    @media (max-width: 767px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
        margin-right: -60px;
    }
    
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu:after,
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu:before {
        margin-right: 60px;
    }
}
  • User Avatar
    0
    ismcagdas created
    Support Team

    Thanks @drcgreece :)

  • User Avatar
    0
    bilalhaidar created

    Welcome :)

Assignee
No one
Labels
None yet