Shopify themes, liquid, logos, and UX
Hi all,
We are trying to make the banner element on our homepage full screen width for mobilee only.
We are using the Expression theme.
Can someone help?
link: springblossom.de
Solved! Go to the solution
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.
@media screen and (max-width:767px){
#shopify-section-banner .container {
padding-left: 0;
padding-right: 0;
}
#shopify-section-banner .container slick-track,#shopify-section-banner .container slide{
width:100% !important
}
}
Thanks!
Please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 560px){
.main-page-content {
padding-right: 0px !important;
padding-left: 0px !important;
overflow: hidden;
}
}
Thanks!
@dmwwebartisan Thanks for your prompt help. I added the code, but this did not change anything...
hello @ThomasKramer
You can try this code
Just go to online store -> action ->theme->edit code-> asset->style.css
paste the code in this file
@media screen and (max-width:767px){
#shopify-section-banner .container {
padding-left: 0;
padding-right: 0;
}
#shopify-section-banner .container slick-track,#shopify-section-banner .container slide{
width:100% !important
}
}
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.
@media screen and (max-width:767px){
#shopify-section-banner .container {
padding-left: 0;
padding-right: 0;
}
#shopify-section-banner .container slick-track,#shopify-section-banner .container slide{
width:100% !important
}
}
Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024