Transparent Logo Overlapping with Content + Alignment Issue (Screenshots Included)

[IbrahimWB]

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:

• On the product page, I want to elevate the WhatsApp icon (in the bottom right) to match the height of the currency converter.
• On the home page, I need the opposite: to lower the currency converter so it aligns with the WhatsApp icon at the bottom.

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.

[Yanthtech]

Hi Ibrahim,

It looks like some custom CSS could fix both the logo overlap and alignment issues. I’d be happy to help you resolve this!

Best,
Esther

[IbrahimWB]

Thanks for wanting to help me out. That sounds good! Would you want my collaborator code?
If yes here it is 4250