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
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024