Ok, return to back:
@media screen and (max-width:1099px) { .bg-fix { background-position: 50% 100% !important; background-size: auto 100% !important; }
Images will cropped I any situation. I can propose use any variant:
Use small image, example 700px × 100px http://prntscr.com/426oha and set background-color as #eeeeee via this css:
@media screen and (max-width:1099px) { .bg-fix { background-color: #eeeeee; background-position: 50% 100% !important; background-repeat: no-repeat; background-size: 100% auto !important; } } .bg-fix { background-color: #eeeeee; background-repeat: no-repeat;
Check this, please.
If I helped you, you can help us… setting the rating for theme on themeforest.net. You can find this on page download theme.