UI/UX mobile version improvements

[Henlor]

Hi @MakerWorld,

Is it plan to improve the mobile web version of Makerworld?
Because there are many many things that are far from optimal and could be improved.

Here is a list of the things that annoy me the most ^^ :

1. The fixed sidebar in Notification center & and Creator center.
   
   
   
   
   
   
   
   

Exemple of a better layout for mobile :

code css

`@media screen and (max-width:688px) {
//page wrapper
.portal-css-oqqsqp {
position: relative;
flex-direction: column;
align-items: stretch;
padding: 0 24px;
}

// page menu bar wrapper
.portal-css-1pqz3wo {
    position: fixed;
    z-index: 1;
    margin: 0;
    padding-top: 6px;
    width: calc(100% - 48px);
    background: #f7f7f7;

}
// page menu bar
.portal-css-1nhgx2r {
    background: transparent;
    box-shadow: 0 24px 12px -12px white;
    border-bottom: 2px solid white;
}
.portal-css-1431pcr {
    display: flex;
    width: auto;
    align-items: stretch;
    padding: 0;
    
}
// page menu item
.portal-css-vtys5l {
    padding: 0 0 0 12px;
    background: transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    &.active {
        background: white;
        box-shadow: 1px -1px 0px 1px #f9f0f9;
    }
    &.active > div {
        color: #00AE42 !important;
    }
}
 //page title
.portal-css-8l5ksg {
    display: none;
} 

// notif list wrapper
.portal-css-1bnyawd { 
    margin-top: 64px;
    padding: 0;
}

  // notif card wrapper
.portal-css-1jrqc3r { 
    padding: 0 0 24px 0;
    margin: 24px;
    flex-direction: column;
    
    & > div {
        margin: 0 !important ;
    }
}

// notif card user name
.portal-css-13ljn9f {
    flex-direction: column;
    align-items: flex-start;
    min-height: 40px;
    margin: -40px 0 12px 52px;
    
       & > div {
        margin: 0 !important ;
    }
}


.portal-css-csffzd {
    display: flex;
    flex-direction: column;
    
    & > div[style="width:88px;height:20px"] {
        position: absolute;
        right:0;
        top: 10px;
    }
}
.portal-css-12rkud9 + div {
    margin: 0 !important;
}

}`

2. Same kind of problem with sidebar inside the message center
   

   

3. the print profile modal window inside a model page add an horizontal scroll. And it’s hard to switch between profiles once a modal is open.
   

   

4. Editing a model page. The edit button is hidden in portrait mode.