Account Icon Showing On Mobile Dawn Theme

Store Design
1

When i go onto mobile view there isn’t any customer account icon in the header but on the website it shows. What’s the code so it shows on the mobile header as well for dawn theme

1 Like
2

Hi @ti7

Would you mind to share your store URL? Thanks!

3

how do i do that i havent published the store yet

4

You can share the preview link.

5

https://telb42kbeqsx0luj-79986622787.shopifypreview.com

1 Like
6

Hi @ti7

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1705452721196.png
PageFlyRichard_0-1705452721196.png390×844 356 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

7

Thanks, check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

@media screen and (max-width: 749px) {
.header .small-hide {
    display: inline-flex !important;
    padding-right: 30px;
}
.header__icons {
    gap: 10px;
}
}

And Save.

Result:

Made4uoRibe_0-1705510605967.png
Made4uoRibe_0-1705510605967.png505×273 200 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

8

Hi thank you it worked but if you look at it now all the icons are really close together is there a way to move the far right icon further right and space them out a bit more

9

Found response under - https://community.shopify.com/c/shopify-design/account-icon-missing-on-mobile/m-p/1544371

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
a.header__icon.header__icon--account.link.focus-inset.small-hide {display: flex !important;}