Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 1, 2016 at 7:41 pm #606834
    alexanderduenchem

    Hey there,

    there are plenty Threads about not showing background on mobile devices, or resize them.

    What I’m looking for is to set a custom background-image for mobile (portrait) for a color section:

    I’ve tried this: 

    
#top .custom-section-id {
  background-image: url("mymobilepicture.jpg")!important; }

    and also

    
#top .custom-section-id {
  background: url("mymobilepicture.jpg") no-repeat fixed center !important; }

    None of them work. Still it shows the “desktop” background-image of the section.

    Could you help out?

    Thanks
    Alex

    April 1, 2016 at 8:09 pm #606844
    Jordan

    Hey alexanderduenchem!

    Thanks for getting in touch with us!

    You need to add media query CSS to your code. The above codes you used should look more like this:

    @media screen and (max-width: 797px) {
#top .custom-section-id {
  background: url("mymobilepicture.jpg") no-repeat fixed center !important; 
}
}

    If the above still does not work, could you please provide a link to your site and the section you want the background for, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    April 1, 2016 at 8:17 pm #606848
    alexanderduenchem

    Hi Jordan,

    thanks for your fast reply. I did this in the media section of my css file (just didn’t mention it in the code here sorry) but it does not work.

    I guess they kinda had the same problem here: https://kriesi.at/support/topic/enfold-background-image-remove-on-mobile/

    But no solution.

    April 3, 2016 at 7:39 am #607147
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.