How can I adjust the position of menu text and icons on mobile?

Store Design
, ,
1

38A17710-C90A-449C-9ABC-B7BAEAD1D873.jpeg
38A17710-C90A-449C-9ABC-B7BAEAD1D873.jpeg960×1604 56.3 KB

we are needing to raise the text in the menu on mobile to the top of page as it’s currently in the middle of the menu, we have added an photo for reference. we also are needing to raise the log-in & social media icons with this & placed under the menu links. Thank you if you could help with both of these that would be highly appreciated.

Our website.. https://munnafashion.com

2

@munfas_uk

Hi,

Please add the code below to Assets > component-menu-drawer.css file.

.menu-drawer__navigation {
    padding: 0 !important;
}

Hope it helps.

3

That worked! Do you know how to raise the log-in & social media icons? We need them placed under the menu links. Your help is very much appreciated, Thank you. :black_heart:

4
  1. Go to Assets > component-menu-drawer.css file.
  2. Find (Ctrl+F) .menu-drawer__navigation-container
  3. Remove height: 100%;

It should be as below.

.menu-drawer__navigation-container {
    display: grid;
    grid-template-rows: 1fr auto;
    align-content: space-between;
    overflow-y: auto;
    /* height: 100%; */
}

/* Comment out */

or

.menu-drawer__navigation-container {
    display: grid;
    grid-template-rows: 1fr auto;
    align-content: space-between;
    overflow-y: auto;
}

Hope it helps