Motion theme header customization - urgent

[Sivadarshan]

In my website’s mobile view the header has some white space like bleeding, can anyone please help to fix that issue. which should affect only the mobile view.

Website: https://www.taramajeans.com/

Thanks in advance

[Rahul_dhiman]

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

header#SiteHeader {
    margin-top: 22px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[ZestardTech]

Hello @Sivadarshan ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

@media screen and (max-width:749px){
header#SiteHeader {
    margin-top: 20px !important;
}
}

Let me know if you need further assistance!