Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hello all! This is my first post on the forum, and I have scoured to ends trying to figure a solution but will explain what the problem is first;
I am using a third party theme on a shopify website, and all is perfect except one small issue, when on mobile one of the banner images becomes super pixelated.
-the theme is called rubix
-preview link here
It seems the solution would be to add in a portion that just disables the part of the theme that this scrolling background image is on (as you scroll the banner image stays static), but implementing something like this in theme.scss.liquid seems to not be working.
@media only screen and (max-width: 749px){
#shopify-section-1576065013508 .container div:nth-child(1) {
display: none;
}
}
I am very new to doing anything related to coding, but I presume one of the issues is that I need to figure out which shopify section I am calling on, and that is based on a pre-existing directory which was created within the theme itself by the theme developer?
Any help would be greatly appreciated!
Hii, @blah12325
Can you give me a screenshot of your problem so,
I can solve it.
Thank You.
Hii, @blah12325
Paste this code on top of the theme.scss file.
.velaBannerText.style1.mbGutter.bg_parallax.bg_image {
background-image: none !important;
}
Thank You.
That's amazing @Zworthkey thank you! is it possible to make the "background none" function just on the mobile version? the background image displays properly on full screens 🙂
Here is your code working on mobile only:
@media only screen and (max-width: 749px){
.velaBannerText.style1.mbGutter.bg_parallax.bg_image {
background-image: none !important;
}
}
Thank you so very much! You rock guys! 🙂
User | RANK |
---|---|
121 | |
95 | |
74 | |
62 | |
47 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022