Shopify themes, liquid, logos, and UX
This is an accepted solution.
To remove the white space from all side and cover all side.
body.gradient {
margin: 0;
}
Hope this will work.
.header__icon--cart {
filter: invert(1);
margin-right: -4rem;
}
form.search.search-modal__form {
border-radius: 0px!important;
}
Hope this code will work.
If this is useful, please like my answer and mark as accepted solution.
Best Regards
Trishnapare | Team_OSC
I'm sorry, but I don't need to change the search bar, I need my page to be on all devices stretched to full screen, as in the 1st photo on the left
This is an accepted solution.
To remove the white space from all side and cover all side.
body.gradient {
margin: 0;
}
Hope this will work.
Hi @AntonysaleBK ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
@media(max-width:767px){
#shopify-section-sections--17052668854517__header{
border-top-left-radius: 16px;
overflow: hidden;
border-top-right-radius: 16px;
}
#shopify-section-sections--17052668821749__footer{
border-bottom-left-radius: 16px;
overflow: hidden;
border-bottom-right-radius: 16px;
}
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
I'm sorry, but I don't need to change the search bar, I need my page to be on all devices stretched to full screen, as in the 1st photo on the left
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025