Card and Currency Converter overlaps on Header

[asbe]

I cant solve this and dont know why is that happen  

It only happens on mobile phone 

www.powerfultechs.com

[DeepVyas]

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

[asbe]

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?

[Moeed · Accepted solution]

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 </body> tag

<style>
.doubly-wrapper {
    margin-top: 60px !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[asbe]

Omg I was searching for 2 hours thanks for helping 🙂

[Moeed]

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.

[asbe]

but now in the desktop seems like this

[Moeed]

Hey @asbe 

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

<style>
@media screen and (max-width: 767px) {
.doubly-wrapper {
    margin-top: 60px !important;
}
}
</style>

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