-
Posts
-
I’ve tried a bunch of css to try and remove it and nothing seems to work.
I tried: @media only screen and (max-width: 989px) { div#hp_bgr_1 { background-image: none!important; } }
among a bunch of things.
how can I fix it
Hi acbrent25!
In order to remove the color section background using a media query, please add the below css to your custom css section:
@media only screen and (max-width: 768px) { .container_wrap { background-image: none !important; } }Best regards,
DakeHi.. that doesn’t seem to work.
Check out this menu page: http://www.test.elementsprinceton.com/menu/
On a computer screen the background looks awesome.
on a mobile device it’s all pixelated and distorted.
How can I fix that?
Hi!
I added the css I posted above and it worked across the board. All distorted or pixelated backgrounds now unload at mobile screen sizes.
The background is pixelated due to the color section’s background settings (stretched).
In order for it to show up properly on mobile, the effect needs to be set to parallax and repeat.
Unfortunately, due to the image not having seamless edges, it is fairly obvious where the image starts and ends.
Best regards,
DakeHi Dake, thank you but I just checked and the background image is still on mobile version on the menu page. I cleared out my web data on iPhone and checked and it’s still there
Nevermind… got it squared away.
The only other issue I have is on the home screen in mobile version the mobile menu is cut off. not sure why.
All other page are fine.
- The topic ‘Color section Background Image on mobile looks horrible’ is closed to new replies.