How can I remove this white line above the product.
Website: moorekainley.com
Hi @omar_ab
You can remove it by opening the theme.css in Online Store > Themes > Edit code, go to the very bottom of your file, remove this code below, and save the file.
.template-product .page-container {
margin-top: 1px !important;
}
Hi @omar_ab ,
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file theme.css.
Step 3. Find this code i mark here and change it to 0px
It will look like that
@media only screen and (max-width: 600px) {
.template-product .page-container {
margin-top: 0px !important;
}
.site-header {
top: 0 !important;
}
}
Result:
If it helps you, please like and mark it as the solution.
Best Regards
This is Richard from PageFly - Shopify Page Builder App
Hi @omar_ab please check again file theme.css, you need set margin-top: 0.
Please check image here:
Hope my solution will help you resolve the issue.
Thanks you.
Best regards,
Richard | PageFly