Main issue: Adjust the customer login icon position in the mobile header (Ella theme) with RTL enabled. The requester wanted a slight move to the right and shared a clarifying screenshot.
Proposed fix: Add a CSS rule in base.css via Online Store > Theme > Edit code. Code: @media (max-width: 767px){ a.header__icon.header__icon–account.link.link–text.focus-inset { margin-left: 12px !important; }}
Outcome: The CSS change worked; the login icon position is now adjusted as desired on mobile.
New/ongoing issue: The store logo appears blurry after upload. The requester tried higher image quality and converting to WEBP, but the logo still looks blurry. They asked for help, suggesting it might be a code-related issue.
Status: Original positioning issue resolved. Logo blurriness remains open with no solution yet.
hey Shopify community
i want to change customer-login position a little bit to the right with notisible distance on mobile header view, is it possible with simple code? using ella theme website link: https://jumla.com.sa
image below for clarification, (note im using RTL feature enabled)
Hi @Ateeqjuhani
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
@media (max-width: 767px){
a.header__icon.header__icon–account.link.link–text.focus-inset {
margin-left: 12px !important;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly
also if its possible to increase logo resolution upon posting because no matter how good quality the image pre posting it gets blurry immediately
thank you so much it worked 
was wondering can you help me with logo blurry issue?
maybe its a code thing because i tired increasing the quality of the image and converting to WEBP still no avail
