Card and Currency Converter overlaps on Header

Store Design
1

asbe_0-1697210305197.png
asbe_0-1697210305197.png468×840 174 KB

I cant solve this and dont know why is that happen

It only happens on mobile phone

www.powerfultechs.com

2

That happens on every device or specific device resolution only.
In such case you have to write the CSS rule to avoid.

3

Actually it happens on my mobile panel on shopify and my phone I think it happens on every phone. What is the css rule for it?

4

Hey @asbe

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1697211920906.png
Moeed_0-1697211920906.png378×664 135 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

Omg I was searching for 2 hours thanks for helping :slightly_smiling_face:

6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like
7

asbe_0-1697212985958.png
asbe_0-1697212985958.png1441×382 53.2 KB

but now in the desktop seems like this

8

Hey @asbe

Remove my previous code and add this code with the same steps.

This code should fix your problem now!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like