-
Posts
-
Hi,
I followed some other posts on background positions but so far i cant get it to work.
I have fixed background images in a cell next to text which works on big screen well, when seen on mobile it puts the 2nd cell below the 1st but the image is off to the side (set to ‘left’).
Im trying to set the custom CSS to center these background images on mobiles, the following does nothing.
@media only screen and (max-device-width: 1024px) {
#grid1 {
background-position: center bottom !important;
}}Hey erron,
Sorry for the late reply, I can see your images around 768px but for mobile, 425px and less, it seems that you have them hidden.
So for the css you will want to use background-position but with numbers for better control, please see this article.
Please let us know if we can help further.Best regards,
MikeHi Mike,
Still not working, no matter if i use numbers or percentages or positions in background-position, the images stay on the either in top left or top right for mobile phones.
@media only screen and (max-width: 767px) {
#gridleft {
background-position: 50% 0;
}}The cells i am trying to alter image position for are set to fixed background attachment, top left background position and scaling to fit. This is reflected in the non-mobile device correctly. I just cant get mobile devices to show these images centered.
Hi,
Thank you for the feedback, when I check your page seems correct for me, but it also seems that your page elements have changed, is this correct? Please include a screenshot of what you are seeing so we can ensure we are seeing the same result.
You can add screenshots by uploading your images to a service such as postimages.org and pasting the html code, or link given in your post or Private Content area.Best regards,
Mike
- You must be logged in to reply to this topic.