Change Account Button position in Shopify Dawn Theme

Store Design
1

I have changed the mobile layout of the shopify dawn theme & moved the login/account button to top. But only the text is clickable, I want the whole background color area to act as a button.

Please help me implement it.

Here is the css:

.menu-drawer__account-links {
  padding: 2rem;
  background-color: #D11243;
}

Code in header.liquid

 <div class="menu-drawer__account-links">
                    {%- if shop.customer_accounts_enabled -%}
                      <a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="menu-drawer__account link focus-inset h5">
                        {% render 'icon-account' %}
                        {%- liquid
                          if customer
                            echo 'customer.account_fallback' | t
                          else
                            echo 'customer.log_in' | t
                          endif
                        -%}
                      </a>
                    {%- endif -%}
 </div>
1 Like
2

This CSS should probably work, but if you can share the link I can test and confirm.

.menu-drawer__account{
display: block;
}