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!
User | RANK |
---|---|
185 | |
149 | |
69 | |
46 | |
35 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023