-
Posts
-
Hello Enfold Support.
After I upgraded our site from Enfold 3.0.4 to 3.6.1, the site background images changed dramatically, then I’ve spent several hours trying to make customize every page but as up to now I am very frustrated because I strongly believe the site should have never changed with a simple version upgrade.
I understand the changes in the theme specially in the CSS files were big, but even if they were introduced for the better they did nothing but caused a lot of trouble in our site.
Is there something you can do to make the site to function exactly as it did in version 3.0.4.?Hi DiscoverLink,
Could you post a link to the site in question so that we can take a closer look please?
Thanks,
RikardHi,
Can you also please point out the issues you are having?
We highly recommend updating the theme with each update. There have been many updates between 3.0.4 and 3.6.1. Currently the latest version is 3.7.1Best regards,
YigitWe have upgraded our theme from 3.0.4 to 3.6.1 (please see the tittle of this thread). when we did, all the background header images stopped being responsive as they were in the old 3.0.4.
Basically this is the issue, UPGRADING FROM 3.0.4 breaks the responsiveness of the background images.
do you have a solution for this issue?
thanks,.
We have upgraded our staging site to the latest 3.7.1 and this did NOT fix the issues we are experiencing for the last 60 days.
Please provide a solution.
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Andyok. In the private content bellow you have credentials to access our staging area. And you have permission to deactivate plugins.
please use our production site (link bellow) to see how the site looks like when it was in Enfold 3.0.4 then our staging was updated with Enfold 3.6.1, then 3.7 then 3.7.1
but since 3.6.1 it lost the responsiveness of the background header image.Please fix ou advise how to fix the problem. We are at the edge as we’ve been fighting this issue for 2 months now.
Let me know if you need anything else.
thanks,
Hi,
I checked your home page and I guess you are referring to your blue background image. If yes then use this code inside Quick CSS field to control it’s size for mobile devices:
@media only screen and (max-width: 767px) { #home-banner { background-size: 378px 299px; }}and adjust as needed.
Best regards,
AndyNo Sir.
In all pages we have a top big image which is setup as a background image. Please visit all the pages and you will see on the top images of people. Those images are successfully responsive along with the rest of each page.
But when we upgrade to ENFOLD 3.6.1 then 3.7 then 3.7.1 the new Enfold BREAKS the responsiveness of the background.
I have received the solution you just provided and I have also see your support providing the same solution to other ENFOLD users with no success. But this is no solution for the problem.
Again, our site was ok with ENFOLD 3.0.4 and is broken with ENFOLD 3.6.1 and newer versions.
Please use the credentials I created for you and provide a consistent solution.
If you have to charge us for doing this and you are sure you can resolve the problem please let us have an estimate.
Thank you
Hi,
so you are talking about the Layer Slider, right? it behaving responsive by default, but LayerSlider can’t know how you want the images to appear on different devices. If you don’t like the default appearance of the images in question then you need to adjust them manually. Go into LayerSlider and choose a layer in question. Then click on “Styles” and add some code into “Custom CSS”. Something like:
@media only screen and (max-width: 767px) { margin-left: -230px !important; margin-top: 33px !important; }Adjust as needed.
Best regards,
AndyAndy and others
Again your solution is not what I am looking for. If you spend sometime, few minutes will be enough and click in the top menu, you will see that most of the menu options have a TOP BACKGROUND IMAGE. I believe the LAYER SLIDER is only for the homepage. so forget about the home page for a moment and focus on the other pages.
They were all working before we upgraded from ENFOLD 3.0.4 to 3.6.1.
Why your developers did not keep compatibility between the versions nor advise on how the page can continue to function after the upgrade?
Please provide a solution.
If you still don’t understand what is the problem please let me know.
thanks
Hi,
I still don’t understand what the problem is. Please provide us screenshots and precise links showing the elements in question. About which pages are you talking about?
Best regards,
AndyIn the private comments section, I have included screenshots that illustrate the first example in the post above. Please let me know if you need additional screen shots of other pages or if this is sufficient.
Hi,
use this code to adjust image in question on mobile devices:
@media only screen and (max-width: 767px) { .av-parallax-inner.main_color.avia-full-stretch { background-position: -423px 0px !important; }}Adjust as needed. Use different media screens for different browser sizes. Check this link for more information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
AndyHi!
We would like to check the screenshots again but they don’t exist anymore.
http://discoverlink.staging.wpengine.com/staging-ipad-portrait/ (hosted on WPengine)
http://discoverlink.staging.wpengine.com/staging-ipad-landscape/Note that the background size property of the background images is set to “cover” which means that it will force the background image to cover the whole container but parts of the images may overflow outside the container in order to keep its aspect ratio. http://www.w3schools.com/cssref/css3_pr_background-size.asp
Best regards,
IsmaelYes, we waited few days and now the whole staging has been overridden by a fresh copy from Production which has WP 4.6 and Enfold 3.0.4.
When we updated the Enfold from 3.0.4 to 3.6 or newer the background images in several pages behave differently in a way that is not acceptable.May be it is something we are doing incorrectly during the upgrade/update process.
If I provide you with admin credentials for our staging site, would you go there and take it to the latest Enfold available?
thanks,
Hi,
please update Enfold to v3.8 by yourself. If it doesn’t work for you via backend, then update manually via FTP: kriesi.at/documentation/enfold/portfolio-item/update-theme-files-with-ftp/
Best regards,
AndyOk I managed to have the site upgraded to Enfold 3.8 but it did not fix the issues we have with the background images.
Then I had an idea that might work.
Since the whole idea of upgrading Enfold was because we had to Upgrade WordPress to 4.6 and in doing we had the bulled text editor feature broken which forced us to upgrade Enfold to seek for a solution the in fact it did but broke the background images.I thought that if a start little by little upgrading the site from Enfold 3.0.4 taking not 3.8 nor 3.6 but rather the updates in middle I can figure which update breaks the background images and stop there.
I hope all this make sense to you and I hope you can allow me to have or download or you can send them to be by whatever means you find appropriate the Enfold update version between 3.0.4 and 3.6.
If I have those packages I can start testing to see which one fixes the bulled edition issue and does not break the background images.
Please let me know if you need any further explanation.
Hi,
if you do it this way, then you will have this or a similar problem soon again. You need to update always and as soon as possible, to avoid those situations in the future. WordPress and WP Themes are moving/improving constantly. Of course this means that things get changed. If you do not go with the flow, then you will have problems. Update everything always and you just need to adjust one or two things, instead of having a huge problem one day like now.
So instead of sticking with any old versions, we recommend to use the newest one and just adjust the background image the way you want it. Enfold’s background images are working as expected. You just need to make correct settings. It doesn’t work that you expect from any WP theme to display an image the way you want it. No theme can know what you want. Maybe sometimes you have luck and it gets displays correctly, but just by chance. In my opinion it’s best to learn to adjust the settings of your images, to be able to get control over it.So to be able to assist you, show us the background image in question and provide us a mockup where you show us what you want to achieve. Then we can be able to build custom css code for you, to achieve that the background works the way you want it.
Best regards,
AndyHi, we think we found the problem. It appears there is a bug in the parallax feature for background images in a color section. When we changed the Background Attachment setting from Parallax to Scroll, the responsiveness of the background images returned.
You can see the difference by referring to these identical pages on an iPhone:
This is the live page on production with Enfold 3.0.4 installed and Parallax enabled on the Background Image of the Color Section: http://discoverlink.com/content/agm-to-gm/ . Note that it is responsive on an iPhone (and other mobile devices) in both landscape and portrait mode.
This is the page on staging with Enfold 3.8 installed and Parallax enabled on the Background Image of the Color Section: http://discoverlink.staging.wpengine.com/test-content-page/ (hosted on WPengine) . Note that it is NOT responsive on an iPhone.
This is the page on staging with Enfold 3.8 installed and Parallax disabled (Scroll is selected instead) on the Background Image of the Color Section: http://discoverlink.staging.wpengine.com/content/agm-to-gm/ . Note that the responsiveness has returned on an iPhone.
Hi,
background image on second link does not seem to have any parallax effect. However, please provide us admin login for both websites, so we can take a closer look.
Please check it on our site if it’s working for you or not: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
Best regards,
AndyDitto! From top to bottom, I’m having the same problem. DiscoverLink you are officially not going crazy. : )
My parallax color section backgrounds are responsive on some pages, not on others.
Site is sandboxed and secret, but I’ll provide admin access in private content so you can take a look.
http://solace2.wpengine.com/industries/energy (hosted on WPengine) — backgrounds not responsive
http://solace2.wpengine.com/industries/gaming — backgrounds, with same settings, are not responsiveHi, sorry, you are right. I had changed the 2nd link to Scroll in my testing and forgot to change it back. It is now set to Parallax so you can see the differences.
The link you provided looks great on laptop and on iPad Air, but not on iPhone 6 portrait — the image is not responsive and her head gest cut off. But is that a color section or a layer slider?
At this point, I would ask that you test this on your own in order to fix your bug. I am going to sacrifice the Parallax effect on my pages for now so I can get back to work.
Hi,
I think the site I provided looks good on iPhone 6 portrait, too: http://smrtshot.com/i/4qTd
However, for your second link use this code inside Quick CSS code to adjust it on mobile sizes:
@media only screen and (max-width: 767px) { .av-parallax-inner.main_color.avia-full-stretch { background-position: -523px 29px !important; }}and adjust the values as needed.
Best regards,
Andy
- You must be logged in to reply to this topic.