Support Center Visit Demo License manager Buy @ envato

Background images not appearing on mobile devices

alanglotzalanglotz
edited April 2015 in Theme support
Background images for this page www.thepowermat.com are not appearing on mobile devices like iPad, Samsung Galaxy 4, etc. . 

This theme is supposed to be responsive and mobile-friendly. What could the issue be? They appear fine on desktop. 

And it's not just the background images, none of my images are appearing on the mobile devices. This is terrible. 

Can you suggest a solution, please? Thank you. 

Comments

  • AlbertAlbert
    This theme is 100% responsive and mobile-friendly. If something does not work on your side, means you did something wrong. There is no magic. However as we see, you don't have any backgrounds on your website at all so we don't understand what is your problem.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • alanglotzalanglotz
    Go to thepowermat.com. All the background images are present, and on Chrome, Firefox, and Safari. 

    Screenshot here: http://snag.gy/Er74g.jpg  See the background image of the bodybuilder?

    Now try looking at the same site on a mobile device, and you are not able to see these background images. You are also not able to see any other images either, like the images on this page: http://thepowermat.com/services/  So it's not just the background images that are having problems. All media files do not display on the mobile devices. 

    The embedded video (from Vimeo) **does** display, which leads me to believe that the problem is something to do with the media library files. 

    I didn't do anything unusual when I built this site; I used your pagebuilder to put in the images, and actually used one of your images in one of my page backgrounds. I don't have this problem on desktop, only mobile. 

    A responsive theme should show all media files, and just resize them for the device. 

    Please tell me a possible solution. Thanks. 
  • AlbertAlbert
    It doesn't look the same on our computers. This is how it looks like on our side http://pasteboard.co/2Hsf7Pyj.png

    But we think that we may know what happen. Maybe you missed the "Section background image" option which is available under Theme options > Responsive section?
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • alanglotzalanglotz
    Okay, I am looking in BeTheme options, and I don't see Responsive. Which section is it in: Getting Started, Layout, Colors, Fonts, Translate?  
  • AlbertAlbert
    If you don't see responsive, means you have old theme version and in older version. So this one should be under Theme options > Getting started > Advanced section if you got older version.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • alanglotzalanglotz
    Okay, I see what you mean. I updated the theme. 

    Thank you so much!
  • AlbertAlbert
    You're welcome!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • ilteberilteber
    Hi, 

    I have the same problem. I am looking at the Appearance->Betheme Options->Responsive but it is still not working. 

    Where can I find the menu mentioned below:

     "But we think that we may know what happen. Maybe you missed the "Section background image" option which is available under Theme options > Responsive section?"


  • BryanBryan
    Hi,
    Please send us a link to your website and explain what is your problem.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • andywattbulbandywattbulb
    Hello! I have a problem with my header image. It looks good on a computer, but is not responsive on a mobile phone: www.aloesport.info
  • PabloPablo
    That's because of parallax option turned on in header.
    To make it fully responsive, you have to disable it.
    Thanks.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.