Shopify themes, liquid, logos, and UX
Hi everyone,
I’m having some issues with my store's layout and could use some help. I’ve noticed that my transparent logo is overlapping with content as I scroll down the page, and I’m unsure how to fix it.
Additionally, I’m struggling with the alignment of two elements:
It’s important to note that the heights of these icons are different on the home page vs. the product page. I’ve attached two screenshots to give a clearer idea of what I mean.
I’d really appreciate any guidance on how to adjust these elements and fix the overlapping issue.
Thanks in advance for your help!
Kind Regards,
Ibrahim W.
Hi @
You can add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code to edit position of currency and whats app icons
{% if template == 'index' %}
<style>
.bacurr-cur-blocker .baDropdownStyle.mobile_bottom_left {
bottom: -20px !important;
}
</style>
{% endif %}
{%- if template.name contains 'product' -%}
.whatsapp-widget {
bottom: 49px !important;
}
<style>
</style>
{%- endif -%}
- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi,
I'm sorry. I followed your instruction, I placed the above code under <head> in theme.liquid file, but there seems to be no change.
I reccently changed my domain for the store, maybe it could due to that?
the original domain now is www.barakatcharger.com
Thank you so much for you response!
Kind Regards,
Ibrahm W.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025