can someone please help me get my logo to show on my mobile version- its definately there but just white…when ive tried to fix it with code the transparent background I have on my landing pages turns white which i do not want! I also want to keep the logo white on the landing page!! thanks so much.
Topic summary
A store owner’s logo appears white (invisible) on the mobile version of their site, while it displays correctly on desktop. They need the logo visible on mobile without affecting the transparent backgrounds on their landing pages.
Solution Provided:
A PageFly support representative offered custom CSS code to be added to the theme.liquid file above the </head> tag.
New Issue:
After implementing the code, the logo now displays on mobile, but created a secondary problem:
- Menu items (like “sizing chart”) appear black on both mobile and desktop home screens
- The logo itself now shows as black on the mobile homescreen
The user wants to keep the logo white on the landing page while fixing the visibility issue. The discussion remains ongoing as the initial fix created new styling conflicts that need resolution.
Hi @smezstudios
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
Hope this can help you solve the issue
Best regards,
Richard | PageFly
