My destop is correct atm but my when i go to tablet and mobile version the logo is nowhere to be found and I want it black. How to fix this?
PW: CollectionThree
Topic summary
A user needs help making their logo white on the desktop homepage while keeping it black (and visible) on tablet and mobile versions. Currently, the logo displays correctly on desktop but disappears entirely on smaller devices.
Proposed Solution:
- Navigate to Shopify admin → Online Store → Themes
- Click Actions → Edit code on the desired theme
- Locate the
theme.liquidfile and find the</body>tag - Insert custom CSS code before the closing
</body>tag
The response includes screenshots showing the implementation steps, though the specific CSS code needed to achieve the device-specific logo color changes is not fully visible in the provided text. The solution appears to involve media queries or device-specific styling to control logo visibility and color across different screen sizes.
1 Like
Hi @clayinfo
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.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!