Forum Replies Created
-
AuthorPosts
-
I’ve been using it (WPR) successfully on enfold sites with css minify enabled for about a year – it’s a great all in one solution for caching / minification and worth the premium imho.
However the css minification seems to fail with latest Enfold version for some reason – will try to identify the cause when I have some time.
soz – local host for a couple more days.
It’s not site specific – aim is to target columns in a section using a class and altering the breakpoint for them.
I have moved forwards a little from the above. Now applying class to parent color section and this:
@media only screen and (max-width: 1024px) { .af-column-breakpoint .flex_column_table { display: block!important; margin: 0!important; } .af-column-breakpoint .flex_column_table_cell { float: none!important; display: block!important; clear: both!important; width: 100% !important; max-width: 100% !important; margin: 0 0 20px 0!important; } }
It works but code feels a little clumsy – is this the best aproach in your opinion?
Thanks, M
Hi Duncan – just chipping in is I have found the same problem.
In my case it seems that if you use rev slider on a page and a masonry element is the last object on the page this last gallery will not load.
Other masonry elements on the same page are fine – just seems to be the last one for me anyway.
Quick kludge: I add an empty color section with no padding and a transparent background below the section containing the masonry element and it works fine.
No idea what the conflict is but suspect as a result of kludge working that it may have something to do with closing divs.Hope this helps, M
To share the workaround:
My specific requirement was basically for a full width header with content on the homepage in a boxed layout. Rather than trying to achieve a full width header and boxed content I am using the stretched layout with the following child theme css restricting the width of the color sections on the homepage as follows:
.home .avia-section { clear: both; float: none!important; width: inherit!important; max-width: 1310px!important; margin: 0 auto!important; } .home #main { background-color: #ddd; }
The second element is just applying a custom bd color to #main so that the page looks boxed (I don’t need features like bg images).
This seems to work fine for me and would probably work sitewide – but I may have missed something so please let me know if you see any problems with it / have a better option.Thanks, M
Hi Rikard,
> I’m not sure if that would be possible
Yes it seems to be a big one when it comes to maintaining the integrity of the rest of the layouts so I am looking for a workaround.
Please close this and I will post a new topic as required.
Many thanks, MJanuary 20, 2017 at 1:05 pm in reply to: Titles & breadcrumbs – can they appear only on category archives #736408That’s great – thanks Nikko
Hey Basilis,
Afraid I’m in production on localhost right now.
I’ll post again when staging in live environment to share.
Please feel free to close this in the meantime.
MJanuary 20, 2017 at 1:03 pm in reply to: Masonry colors not conforming with alternate background #736404Hey Nikko,
Afraid I’m in production on localhost right now.
I’ll post again when staging in live environment to share.
Please feel free to close this in the meantime.
MJanuary 19, 2017 at 2:40 pm in reply to: Masonry Grid setting "Automatic, based on screen width" doesn't work #735871Thanks Ismael – is there a non destructive / child theme solution?
January 16, 2017 at 8:00 pm in reply to: Masonry Grid setting "Automatic, based on screen width" doesn't work #734335Guys – came across this troubleshooting and bug still seems to be present.
A masonry element inside a color section will only display 2 columns when set to automatic columns which is a pain.
Is there a fix for this yet?
Thanks.Sharing solution – works for me:
function is_tree($pid) { // $pid = The ID of the page we're looking for pages underneath global $post; // load details about this page if(is_page()&&($post->post_parent==$pid||is_page($pid))) return true; // we're at the page or at a sub page else return false; // we're elsewhere }; add_filter('avf_logo','av_change_logo'); function av_change_logo($logo) { if(is_tree(20) ) { $logo = "http://www.mysite.dev/wp-content/uploads/logo1.png"; } elseif(is_tree(30) ) { $logo = "http://www.mysite.dev/wp-content/uploads/logo2.png"; } elseif(is_tree(40) ) { $logo = "http://www.mysite.dev/wp-content/uploads/logo3.png"; } return $logo; }
Thanks Yigit – seems I also need to add
<body onload="myScript()">
of this page. Any way to do this with a function?OK – shame – have added feature request.
Hi Ismael – just to clarify – can this change can be made in a child theme? Many Thanks.
Just a heads up on a couple of relatively minor issues I’m seeing after WP4.5 and Enfold 3.5.2 update / fix (FF45 & IE11 on Win 8.1):
– scroll-down-link on full page sections isn’t working and (possibly related) smooth scrolling no longer works on same page anchor links
Best, M
Subsequently addressed in other thread – all now resolved. Thanks.
Nothing wrong with that! Thanks again.
Thank Yigit – even better!
Tests OK on:
5s iOS 8
6 iOS 8
6s iOS9iPad4 iOS 7
iPad Air2 iOS8Nexus 5 – 4.4
Nexus 6 – 5
Nexus 6 – 6
Galaxy s6- 6Safari 9 – El Capitain
IE11 & Edge – Win10
IE10 – Win8That’ll do me :)
Nailed it! Created mixed page of multiple fixed and parallax backgrounds on original demo (url private below) and all revert to scroll on Browserstack WinPhone emulations! Have not tested across Android / iOS yet but hopes are high.
Big thanks mate!
PS how are you debugging on Win Phone – are their any handy browser tools?
Will test tonight!
Hey Ismael – yup, no browser based emulator I’ve tried will reproduce the issue (though Browserstack will).
Also have not great news on the parallax fix – it works if there is only one section with a parallax background on a page but if there is another it doesn’t (same issue, second parallax background fills screen). Sigh – so close.
Thanks, M
Hey Kriesi,
Thanks for your comments – really do completely understand your position on this. Windows Phone is pain – to use and to debug. I too asked around and found none with colleagues or friends – the only people that seem to have them are clients (who have had them forced upon them I suspect).
The only point I would make is that the difference between IE on Win Phone and a third party browser like FF for Android is that it is the default browser on a mobile OS rather than a choice the user has made. I would certainly not expect third party browser support on mobile from a framework as feature rich and friendly as yours but I, and it seems others, had made the assumption that the default Win Phone browser would be covered.
I am happy that you are prepared to take a look at Win Phone issues on a case by case basis – this is reassuring and is very much appreciated.
Thanks too to Ismael for his input and solution! The parallax background fix works and just awaiting similar for fixed backgrounds (these are the only client reports of issues I have had). I have not seen this, or any other problems, with elements like the full width slider and although another user has mentioned Layerslider may have issues it tests ok in my implementations, so my confidence is restored.
PS I would say that I hope you enjoy your new Windows Phone but, from my own limited experience with it, I’m pretty sure you won’t ;)
Hi guys – sorry to report that neither of these make any difference to fixed bg issue. Have left the second option in place on the demo site for you reference and code in use below (in case I’ve made an error as my php is rudimentary).
functions.php now looks like this:
<?php // windows phone background fix add_action('wp_footer', 'ava_windows_fix'); function ava_windows_fix(){ ?> <script type="text/javascript"> (function($) { function a() { var ua = navigator.userAgent, ie = new RegExp("IEMobile"), isMobile = ie.test(ua); if(isMobile && $('.avia-section .av-parallax').length >= 1) { $('.avia-section').each(function() { var section = $(this), parallax = section.find('.av-parallax-inner'), pbg = $(parallax).attr('style').split(';'), bg = ''. bgurl = ''; if($(parallax).length != 1) return; $(pbg).each(function(key, value) { if(value.indexOf('background-image') != -1) { bg = value; } }); bgurl = bg.split(' '); $(bgurl).each(function(key, value) { if(value.indexOf('url') != -1) { bgurl = value; } }); $(this).find('.av-parallax').remove(); $(this).removeAttr('style'); $(this).css({ "background-image" : bgurl, "background-attachment" : "scroll", "background-position" : "center center" }); }); } } a(); })(jQuery); </script> <?php } // windows phone fixed background fix add_action('wp_footer', 'ava_custom_script_bgfixed'); function ava_custom_script_bgfixed(){ ?> <script type="text/javascript"> (function($) { function b() { var ua = navigator.userAgent, ie = new RegExp("IEMobile"), isMobile = ie.test(ua); if(isMobile) { $('.avia-bg-style-fixed').removeClass('avia-full-stretch'); $('.avia-bg-style-fixed').addClass('avia-ie-stretch'); $('.avia-bg-style-fixed').css('background-attachment', ''); $('.avia-bg-style-fixed').css('background-attachment', 'scroll'); } } b(); })(jQuery); </script> <?php }
And style.css like this:
/* Theme Name: Enfold Child Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://kriesi.at Template: enfold */ /*Add your own styles here:*/ .avia-ie-stretch { background-size: 100% 100% !important; }
Have refined this a bit – now working as required
$(".show-FAQ1").click(function(){ $(".hide-FAQ1").toggle(); $(".hide-FAQ2").hide(); $(".hide-FAQ3").hide(); }); $(".show-FAQ2").click(function(){ $(".hide-FAQ2").toggle(); $(".hide-FAQ1").hide(); $(".hide-FAQ3").hide(); }); $(".show-FAQ3").click(function(){ $(".hide-FAQ3").toggle(); $(".hide-FAQ1").hide(); $(".hide-FAQ2").hide(); });
V handy – can toggle/show/hide entire color sections from a link on an icon (or other) element and all content still manageable in layout builder.
- This reply was modified 8 years, 9 months ago by M1000000.
Hi Guys – was this what you wanted? Any updates?
Thanks.
None of the browser based emulators I have tried can replicate the issue (this is still the original problem) – only visible on actual device and Browserstack:
- This reply was modified 8 years, 9 months ago by M1000000.
Afraid fixed background still has same bug with new code in place :(
Recovered code from backup, thanks.
- This reply was modified 8 years, 9 months ago by M1000000.
Hi Ismael – sorry for the delay. Will test this today.
-
AuthorPosts