Solved

Change mobile drawer menu link placement

Codenamerare
Excursionist
20 3 1

hey, I am using the Brooklyn theme and I have a question about changing the placement of the "create an account" link in the mobile drawer menu! 

I want it to look like this : (so the create an account is next to the login and not underneath him. Big thanks for those who help, and if someone can tell me how to change the color of those links it would be amazing!! , (btw I can't give any access to my store sorry) and again thanks for those who help!!!!!

Screenshot_8.png

Accepted Solution (1)

Codenamerare
Excursionist
20 3 1

This is an accepted solution.

figured it out myself!

in the edit code section of your theme, find drawer-menu.liquid and in the menu there should be code like that :

<li class="mobile-nav__item mobile-nav__item--secondary">
            {{ 'layout.customer.log_in' | t | customer_login_link }} 
          </li>
       <li class="mobile-nav__item mobile-nav__item--secondary">
          {{ 'layout.customer.create_account' | t | customer_register_link }}
          </li>

 just add 

style="display:inline-block;"

  to each of the <il> tags !

it should look like this :

<li class="mobile-nav__item mobile-nav__item--secondary" style="display:inline-block;">
            {{ 'layout.customer.log_in' | t | customer_login_link }} 
          </li>
       <li class="mobile-nav__item mobile-nav__item--secondary" style="display:inline-block;">
          {{ 'layout.customer.create_account' | t | customer_register_link }}
          </li>

View solution in original post

Reply 1 (1)

Codenamerare
Excursionist
20 3 1

This is an accepted solution.

figured it out myself!

in the edit code section of your theme, find drawer-menu.liquid and in the menu there should be code like that :

<li class="mobile-nav__item mobile-nav__item--secondary">
            {{ 'layout.customer.log_in' | t | customer_login_link }} 
          </li>
       <li class="mobile-nav__item mobile-nav__item--secondary">
          {{ 'layout.customer.create_account' | t | customer_register_link }}
          </li>

 just add 

style="display:inline-block;"

  to each of the <il> tags !

it should look like this :

<li class="mobile-nav__item mobile-nav__item--secondary" style="display:inline-block;">
            {{ 'layout.customer.log_in' | t | customer_login_link }} 
          </li>
       <li class="mobile-nav__item mobile-nav__item--secondary" style="display:inline-block;">
          {{ 'layout.customer.create_account' | t | customer_register_link }}
          </li>