Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 22, 2015 at 4:31 pm #477191
    acbrent25

    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

    July 23, 2015 at 2:37 am #477448
    Dake

    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,
    Dake

    July 24, 2015 at 2:20 am #478027
    acbrent25

    Hi.. 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?

    July 24, 2015 at 4:10 am #478039
    Dake

    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,
    Dake

    July 24, 2015 at 10:36 am #478111
    acbrent25

    Hi 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

    July 24, 2015 at 1:10 pm #478157
    acbrent25

    What else can be done?

    July 24, 2015 at 1:30 pm #478164
    acbrent25

    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.

    July 24, 2015 at 1:48 pm #478169
    acbrent25

    Nevermind… got that figured out too.

    Sorry! lol

    July 24, 2015 at 4:23 pm #478258
    Dake

    Hey!

    Lol you’re welcome acbrent25 :)

    Glad to know you got things sorted on your end.

    Please let us know if you ever need help in the future.

    Cheers!
    Dake

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Color section Background Image on mobile looks horrible’ is closed to new replies.