How can I move my menu content higher

[Aleksander22]

Hello, 

I got quick question. How can I mind my content in menu higher I mean mobile version. Here is example 

 

[BSSCommerce-B2B · Accepted solution]

@Aleksander22 , Add this code at the very bottom of base.css file

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

 Result:

[BSSCommerce-B2B · Accepted solution]

@Aleksander22 , Add this code at the very bottom of base.css file

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

 Result:

[Aleksander22]

Thanks for your help could I ask you to help me with adding logo here 

 

[BSSCommerce-B2B · Accepted solution]

@Aleksander22,

Step 1: Find the find base.css. And add this code to the end of the file

.header-drawer-logo-wrapper {
  text-align: center;
  display: none
}
.section-header.menu-open .header-drawer-logo-wrapper {
  display: flex;
  position: absolute;
  z-index: 9;
  width: 100vw;
  padding-top: 10px;
  align-items: center;
}
#Details-menu-drawer-container > summary {
  z-index: 10
}
#Details-menu-drawer-container > summary:before {
  display: none;
}

Step 2: Search for the file header.liquid and add this code to the position i've marked here

This is the code

 <div class="header-drawer-logo-wrapper">
   {% if section.settings.header_drawer_logo %}
      <img class="header-drawer-logo" src="{{ section.settings.header_drawer_logo | img_url: 'original' }}" alt="Header Drawer Logo" height="50px">
    {% endif %}
  </div>

Step 3: Also in the header.liquid file, add this code to this position before "blocks"

Here is the code:

    ,{
      "type": "image_picker",
      "id": "header_drawer_logo",
      "label": "Header Drawer Logo",
    }

And you have an option in customize to choose the logo image

Like this

Hope it helps you 😊

[Aleksander22]

Thanks you help me a lot appreciate that 

[BSSCommerce-B2B]

@Aleksander22, Glad to help you 😊