My account wrapped in two lines

hawkridgefc · ‎10-07-2024

I am preparing to publish my site, and over several hours I tried to unwrap My Account but failed. Currently after a user logs in, the user icon will be changed to text "My Account", but the two letters were in two lines (see the picture). How can I make it stay in one line and align with the cart? See the picture to understand the problem.

Thank you.

Dan-From-Ryviu · ‎10-07-2024

Hi @hawkridgefc

Please add this code to theme.liquid file, after <head> in Online Store > Themes > EDit code

{% if customer %}
<style>
.header__icon--account { width: max-content !important; padding: 8px; }
</style>
{% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

hawkridgefc · ‎10-07-2024

Here is the screenshot.

PaulNewton · ‎10-07-2024

Hi @hawkridgefc 👋 Always remember other people.

All people do not have the same specific setup, we cannot see what you see, access what you have access too, or just know what you know.

You must communicate context.

Provide inspectable example URLS, that you confirm are publicly accessible or provide a storefront password.

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408

Failure to keep this forefront in mind when seeking free business help DRASTICALLY reduces the chances of getting anything resolved.

*clarified urls

Contact paull.newton+shopifyforum@gmail.com for the solutions you need

Save time & money ,Ask Questions The Smart Way

Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org

hawkridgefc · ‎10-07-2024

Ok. Here is the inspect results <a href="/account" class="header__icon header__icon--account link">My Account</a>. After a user logs in, the user icon changed to "My Account", but the two words appear in two lines. How can I unwrap them so that they fit into one line? My website is in preparation at the moment.

PaulNewton · ‎10-07-2024

A URL, that html is meaningless without the surrounding context of styles,javascript and other elements on a website.

Good luck.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need

Save time & money ,Ask Questions The Smart Way

Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org

hawkridgefc · ‎10-08-2024

That URL is useful. Another person reached out to me and guess what, I have
already solved the problem!

Dan-From-Ryviu · ‎10-07-2024

Hi @hawkridgefc

Please add this code to theme.liquid file, after <head> in Online Store > Themes > EDit code

{% if customer %}
<style>
.header__icon--account { width: max-content !important; padding: 8px; }
</style>
{% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

hawkridgefc · ‎10-08-2024

It works. Thanks so much!

hawkridgefc · ‎10-08-2024

A follow up question. On a mobile device, the My Account link is too close to the shopping cart on the right side. Can you show me how to move My Account further to the left on a mobile device? I moved it to the left on desktop, but it doesn't change on a mobile device.

Dan-From-Ryviu · ‎10-08-2024

Could you share your store link so I can check?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

hawkridgefc · ‎10-08-2024

I am still working on the site, and it's not published yet. It's not a huge
deal, and I may let you know when I publish it.