Issues with background image on mobile devices

Hi,

Please provide a link so I can inspect this, not sure how the image is distorted on mobile device, as it should not appear – http://demo.tagdiv.com/newspaper_sport/ – http://screencast.com/t/7xvf7OLbOD

Thanks!

Hi,

Please use media queries to not affect other device than desktop. For example the default css for this is – http://screencast.com/t/cR6FrW8zIn but for smaller devices – http://screencast.com/t/k5hmqZ9puBh
Your css applies a fixed width also for tablets and phones, so you could try like this:

@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}
}

Thanks!

Hello,
Sorry for the delay, if you write in a closed topic, we won’t see the request only if we know to look for it.
I’m not sure what you mean, the header area does not display the background image: http://screencast.com/t/ijzfaN5xZu
The screenshot you provided requires username and password. Please provide more details and maybe a screenshot that can be viewed without authentication.

Thank you!

Hello,

Sorry for the delay.
I have checked your request. In order to lower the whole site you can use a solution i provided here: https://forum.tagdiv.com/topic/add-a-space-gap-above-the-whole-website/
But you cannot target a specific area to add a background image to.
You will need custom modifications to do it.

Thanks.