Open mobile category window from below?

Store Design
, , , , ,
1

Hi I want the category window to come from bottom to top, currently it opens from left to right.

I hope you understand what I mean lol.

is this possible with a code?

Thanks

IMG_1205.jpeg
IMG_1205.jpeg1170Ă—2532 135 KB

2

Hello @store095 , It can be done by just CSS changes.

Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. open “component-menu-drawer.css”
  5. Change the following code at the file.

Search this CSS with class “****.menu-drawer”

.menu-drawer {
    position: absolute;
    transform: translate(100%); /* this is old CSS, remove or comment this CSS */
    transform: translateY(100%); /* this is new CSS, add this CSS */
    visibility: hidden;
    z-index: 3;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0;
    background-color: rgb(var(--color-background));
    overflow-x: hidden;
    filter: drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow), var(--drawer-shadow-opacity)));
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

3

Its working. Thank you :slightly_smiling_face: