Mobile menu items not aligned

Highlighted
New Member
3 0 0

Hi...noob here.   I cannot seem to find any way to align the menu items correctly on my mobile view.   When I click the hamburger, the "home" link is not aligned with the other two.   Anyone have any idea how to resolve this?  Many thanks.

 

 

 Screenshot_20200510-121954_Chrome.jpg

0 Likes
Highlighted
Shopify Expert
74 4 9

Send me your shopify url

On The Road Shopify Agency
Helping Shopify stores to become greater with purpose behind design.
info@ontheroaduk.co.uk
http://ontheroaduk.co.uk/
0 Likes
Highlighted
Highlighted
Shopify Expert
74 4 9

Yeah there seems to be a element there that needs deleting, can do it for you if you send me access to the store

 

 

On The Road Shopify Agency
Helping Shopify stores to become greater with purpose behind design.
info@ontheroaduk.co.uk
http://ontheroaduk.co.uk/
0 Likes
Highlighted
New Member
3 0 0

Thanks Tom!   Alternatively, I am trying to learn as I go.   Can you point me in the right direction and let me know what to delete so I can learn how to do it?  Not sure where the code is for this.  I have looked in a few places and found the mobile menu code in header.liquid which looks like this.  Am I in the right spot?

<div id="mobileNavBar">
<div class="display-table-cell">
<button class="menu-toggle mobileNavBar-link" aria-controls="navBar" aria-expanded="false"><span class="icon icon-hamburger" aria-hidden="true"></span>{{ 'layout.navigation.mobile_menu' | t }}</button>
</div>

0 Likes