-
Posts
-
Hello,
Could you let me know how to change the alignment of a background image in a fixed color section, for mobile only? I only need it done one two different pages – so I created a custom class for the color section (top-image-align-fix) and I’m currently using the below code, but with no results.
@media only screen and (max-device-width: 1024px) {
.top-image-align-fix {
background-position: top center!important;
}}Hey jPickle,
To target mobile only use the following media query:
@media only screen and (min-width: 767px) {...}Best regards,
Jordan ShannonThanks Jordan – totally had that syntax off and didn’t realize it. However, I’ve corrected it now – but it’s still not giving me any results. My new code is below, and basically the top of my image is getting chopped off – it looks like it’s still aligning the image ‘center center’ like the desktop version. Would you be able to check it out, and let me know what I’m getting incorrect?
@media only screen and (min-width: 767px) {
.top-image-align-fix {
background-position: top center!important;
}}Hi,
Is it for the top image? Please provide a screenshot for how the image is appearing on your end.
Best regards,
Jordan ShannonYes, the top image – the link below is how it’s appearing (top of the image getting cut off. I only noticed it when I loaded it on my phone, vs resizing my browser to a smaller width.
iPhone 6, but my client pulled it up a phone that was quite a bit larger – and it was getting cut off there as well.
Hi,
It seems to be displaying normally on my phone. So I will ask my teammates to look into this also.
Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.