url - https://492dea-24.myshopify.com/pages/landing-page-apr-25-23-07-50
pass- Humblee3030
Hello guys do you know how I can put the account icon right there
Topic summary
A user seeks help repositioning the account icon on their Shopify store header to the right side. They are using the Refresh theme.
Initial Attempts:
- PageFly support suggested locating and moving the icon code in the
header-drawer.liquidfile, but this approach didn’t work for the user’s theme. - The user shared screenshots showing their current layout and requested more specific guidance.
Proposed Solution:
BSSCommerce-B2B provided detailed steps:
- Navigate to Admin → Online Store → Theme → Edit Code
- Open
header.liquidand copy specific account icon code - Paste it below the header class code
- Add CSS to
base.cssfile:details.modal__header_search { display: none !important; } - Save and reload the storefront
The solution includes screenshots demonstrating each step and the expected result. The discussion remains open as the user hasn’t confirmed whether this solution worked.
This is Noah from PageFly - Shopify Page Builder App
Hi @Suco Please find the body the icon in this file header-drawer.liquid and cut past this to in position box red here.
Thank you !
Best regards,
Noah | PageFly
Don’t work for me 
I use refresh theme
Hello @Suco you can send me code in file header-drawer.liquid. We need find exactly code of icon account in file.
Hi @Suco ,
You can try the following steps:
Step 1: Go to: Admin → Online Store → Theme → Edit Code
Step 2: Open the file “header.liquid” copy the code
and paste it right below the code
<header class="header header--{{ section.settings.logo_position }} header--mobile-{{ section.settings.mobile_logo_position }}...
Step 3: Add the following code to the base.css file
details-modal.header__search {
display: none !important;
}
Step 4: Save and reload page in your store front.
The result is:
I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.
Have a nice day sir!
Hi @Suco ,
You can try the following steps:
Step 1: Go to: Admin → Online Store → Theme → Edit Code
Step 2: Open the file “header.liquid” copy the code
and paste it right below the code
<header class="header header--{{ section.settings.logo_position }} header--mobile-{{ section.settings.mobile_logo_position }}...
Step 3: Add the following code to the base.css file
details-modal.header__search {
display: none !important;
}
Step 4: Save and reload page in your store front.
The result is:
I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.
Have a nice day sir!