Shopify themes, liquid, logos, and UX
Hey, I'm pretty new to Shopify and building websites overall, but I've added a video background to my store and on the desktop version it looks perfect but on the mobile version I have a black "border" or something I want to remove (See image). If someone knows how I can remove the black "border" please let me know!
Solved! Go to the solution
This is an accepted solution.
Hey @Joppe1612
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
This is an accepted solution.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px){
.videoBackground .videoBoxInfo {
padding: 0!important;
}
}
</style>
This is an accepted solution.
Hey @Joppe1612
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>
@media screen and (max-width: 767px) {
.videoBoxInfo {
padding: 0 !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @Joppe1612
Its Artzen Technologies! We will be happy to help you today.
Please send your store url
Let me know if need further assistance
Regards,
Artzen Technologies
This is an accepted solution.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px){
.videoBackground .videoBoxInfo {
padding: 0!important;
}
}
</style>
This is an accepted solution.
Hey @Joppe1612
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
This is an accepted solution.
Hey @Joppe1612
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>
@media screen and (max-width: 767px) {
.videoBoxInfo {
padding: 0 !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
User | RANK |
---|---|
183 | |
169 | |
77 | |
56 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023