Background Not Showing on Mobile

edited April 2020 in Files & images
I'm having an issue on mobile where the global background is not showing.  There are areas of content that are transparent, so the fixed global background shows beautifully on desktop, but on mobile it disappears.  I've tried my best to understand this problem and I'm unable to. 

Comments

  • By the way, it seems to show on Android, but not iPhone.
  • For some reason now it shows, but the background is blurred on mobile
  • Hello,
    It won't work on iPhones because they does not support the background-position: fixed, there is sadly no workaround to it - on iphone it will just not work.
    Thanks
  • Thank you for replying. 

    Another question on an unrelated note.  We've noticed that with One Page websites especially, when there is too much content, the page just breaks.  This has caused a lot of frustration for some time now, just wondering if you guys are working on that or if it will ever be fixed?
  • Hello,
    you mean that the created content does not save?
    This must mean that your hosting has limited "input vars" value. You can check it out in your wordpress admin>betheme>system status tab.
    Contact your hosting provider and increase this value to about 5000.
    thanks
  • Yes I have encountered that issue as well, but have resolved that with that solution.  But no, that's not what I'm referring to.

    When using the Muffin builder, adding too many wraps will cause the builder to essentially break.  When you save the page and view what was done, the page cuts off at a certain point. It will even remove content below a certain point in the builder.

    For example, this is a one page website that was created:  www.rosegoldtarot.com

    There is a section where the client offers her service.  At one point, she was offering a discount on those services, all of which needed new buttons created.  So, to save time in redoing the section in the future, we turned off the section with the original buttons and turned on the cloned ones with the new buttons and discount pricing.  This section was cloned twice, to accommodate different sales/pricing she had going on. After cloning it a second time, that section of the website broke.  It wouldn't display the rest of the content. 

    A clone of the homepage was created here: http://rosegoldtarot.com/home-testing/

    This is the page that has the services section cloned.  The cloned sections are turned off.  However, because the builder breaks at a certain point, the cloned section that is actually turned off on the back end, is still displaying.  But it cuts off.  The rest of the section does not show, nor does the instagram feed below it.  (See the original home page on www.rosegoldtarot.com)

    This has happened in many websites we've built with a lot of content on one page, so it's not singled out to this situation.  The same thing happens every time.  Once there's too many wraps, the builder breaks and will not display it past a certain point.  The only thing that alleviates the issue is removing content.

    This has been happening for at least two years now working with Betheme.  We love the theme and hope that one day someone fixes this.
  • Hey,

    Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason, I will work on the cloned page.

    Notice!
    Please attach a link to this forum discussion.


    Thanks
  • Your pages are losing your content because what Bryan told you in earlier replies.
    It's because of your "php max input vars" value which is already set to 1000 - this value is way too low.

    You have to contact your hosting provider and ask him about increasing that value to min 5000, after that everything will be okay.

    Also, as I see, you are using some of the third-party plugins which could be the source of the problem, but for now, please increase the max input vars.
    Thanks
  • Hi!

    I am working on a page that contains two images which I have set as section backgrounds. They look great on desktop, but they are not visible on mobile.


    Within the page itself, I have the first image (reaching to the left edge) set to Background Position: "Left Bottom | no-repeat", Style: "Columns | remove vertical margin","Highlight | right". For the second image (reaching to the right edge), Background Position: "Right Bottom | no-repeat", Style: "Columns | remove vertical margin","Highlight | left". 

    I was unsure if this needed to instead be adjusted on the global theme settings under Responsive > General? 


    Thank you!
  • Hello,
    You should do it in two wraps, not as a background image of a section.
    In one wrap you should insert image, and text on the second one.

    Thanks
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.

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.