Forum Replies Created
-
Posts
-
Hello
We are having he same issue here seeing “undefined” on the product page after adding the “Product Add-Ons” to WooCommerce with the advanced layout builder in Enfold 4.5.3 in WordPress 5.0.3.
We have tried editing functions-enfold.php using @rmf339‘s solution from January 29, 2019 at 6:06 am without success, including the line that @Ismael pointed out on January 31, 2019 at 1:07 pm that @JaapdeWit clarified as being the same on January 31, 2019 at 1:22 pm.
Anything further to be done?
Thanks!
I voted for WCAG 2.0 AA in the feature request. “Accessibility (WCAG 2.0/visually impaired)” is the second most popular request. But, I am unable to make a comment on the request.
Companies in the U.S. are now being sued for not being in compliance with WCAG 2.0 AA. And we are being contracted to bring websites into compliance. This is a critically important and timely manner.
Are there any plans to bring Enfold into compliance with or closer to the standards set out in WCAG 2.0 AA?
Hi Victoria and Yigit,
Thanks for getting back to me. The header.php file is not the issue. Per your instructions, I have brought in an updated copy of the header.php file from Enfold 4.1.2 and added my Google fonts customization and the two issues we are trying to address are not resolved.
The two issues with how the site looks, moving from Enfold 4.0.7 to 4.1.2, when the site is viewed are:
- From 768 pixels wide to 989 pixels wide, the main menu in the blue bar (below the logo) disappears.
- From 768 pixels wide to 989 pixels wide, the customer login (to the right of the logo) disappears.
- (The site looks good from 767 pixels down and from 990 pixels up!)
On June 15, 2015, Yigit added code to the functions.php file of my child theme to enable the login. That is the reason this exchange is a continuation of that thread. functions.php is only 31 lines of code.
The only other file customization is in helper-main-menu.php, which changed 5 lines of code. I have issued a report of the file changes, compared to the current version used as a model at the time, Enfold Version 3.1.3 at https://www.dropbox.com/s/r6nzvpc9id7yhb5/. The changes are on pages 5 and 6 of the PDF.
Again, this works without issue at Example domain 1, using Enfold 4.0.7. The issue is upgrading to Enfold 4.1.2 and you can see the issue at Example domain 2.
Please advise.
Thanks – Campbell
The update to the Enfold theme, version 3.8, released today, solved my issue. Thanks for addressing this!
@luxuryrealtygroup and @shaevy, the updated Enfold theme, version 3.8, released today, resolved the Yoast conflict on my end. Hope you all have the same luck!
Any help, please? @yigit?
Likewise @luxuryrealtygroup and @shaevy, we have the same issue you are describing with Yoast, WP and Enfold, all of which are up to date.
@ismael, I opened a ticket yesterday, describing the same issue as many others here, having Yoast, WP and Enfold all up to date. I provided WP credentials with my new ticket at https://kriesi.at/support/topic/avia-layout-builder-not-working-with-yoast-seo-help/. Please review and advise.Thanks!
Hello,
This all works very nicely, but I believe the modifications were being made to the functions.php file in the enfold theme and not in the child theme.
1. What needs to be done so that the modifications are in the child theme and not overwritten when updating Enfold, going forward?
2. And are there changes in any other files (excluding functions.php and the custom CSS) that I should keep track of?Yigit, you had logged in to make some of the modifications, so you may be the one to answer this question.
I very much appreciate the assistance with these details. Many thanks!
Hi Josue,
The overlapping issue is being caused by the addition of the widget as outlined in the post “Adding a widget area to the header” that Elliott pointed me to on May 18. Following those directions, the login element widget was placed below the main menu and given a negative top-margin to be above the menu. It is in the location, below the menu, where the widget was placed, that the problem exists.
The content being blocked is 84 pixels high, below the main menu, the height of the log-in.
I have tried changing the z-index for #header from z-index: 501; to addresses the 84 pixels of white covering the content below the main menu, without success.
If you remove the code in the widget, the problem goes away. I have tried exchanging the text widget for an image widget with an image the size of the login box and I get the same overlapping issue.
Please advise how to have the log-in header element exist without impacting the content it is overlapping below the main menu.
Thanks!
Hello,
I am following up on my note from Tuesday. Nice work Yigit! Thank you for doing that. Per your instructions I have disabled the shrinking header option in the Enfold theme options.
Unfortunately the login element we have added disappears when the browser resolution is below the 990px. The implementation is based on Elliott’s suggestion in this thread on 5/18.
How do we to prevent the login area from disappearing when the browser resolution minimizes the login element below the 990px resolution? While the main menu minimizes (as it should) the login just disappears. Is there a way to fix this or another way to add the login element to the header so it won’t disappear?
Ultimately I would like to be able to control the break-point for how long it is visible.
Please advise
I very much appreciate your help with this!
Thanks!!!
Nice work Yigit! Thank you for doing that.
Is there any way to prevent the login are from minimizing below the 990px resolution the same way the main menu does?
Hi Elliott!
Thanks, I followed the instructions and that does allow the login to be placed. Now we need to re-position it.
The login needs to be above the main menu, not below (as it is currently). What needs to be done to place the login above the main menu?
It should not be a negative margin because the current placement associates the login with the menu and it collapses (with the menu) at lower resolutions.
Thanks!
Hi Yigit,
I am not trying to maintain the same height for the header , which is what the code you sent me does. Rather, I am trying to swap one image for another when the width of the browser window drops below 768 pixels wide.
Please advise.
Thanks!
Hi Ismael,
The code to insert Flash I am using is:
<object id=”myFlashContent” width=”614″ height=”386″ classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″><param name=”movie” value=”http://blueunderground.com/flash/therrien-waddell-614.swf” /><!–[if !IE]>–><object width=”614″ height=”386″ type=”application/x-shockwave-flash” data=”http://blueunderground.com/flash/therrien-waddell-614.swf”><!–<![endif]–>
<!–[if !IE]>–></object><!–<![endif]–></object> This works fine in the static environment at http://blueunderground.com/flash/test-4.html. There is a Flash sniffer that displays a JPG when Flash is not installed that is also working fine in the static environment.
Within the Enfold theme it shows the JPG image when it runs the same code (but not the desired Flash animation): http://blueunderground.com/test-4/.
I have added a couple of lines of JavaScript to header.php through the editor. These are included in the static sample mentioned above that works correctly. On header.php it is between “<title><?php if(function_exists(‘avia_set_title_tag’)) { echo avia_set_title_tag(); } ?></title>” AND “<!– page title, displayed in your browser bar –>”. The script reads:
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<script type=”text/javascript” src=”http://blueunderground.com/flash/swfobject.js”></script>
<script type=”text/javascript”>
swfobject.registerObject(“myFlashContent”, “9.0.0”);
</script>Please advise on how this can function correctly with the Enfold theme. Thank you for your help with this!
Peter,
You are good. That allow for the Small fixed Header while correcting the double scroll bar!
Many thanks!
Hello,
Is there another way to solve the double scroll bar problem that won’t affect the Small fixed Header?
Thanks!
Hello,
We are fighting two problems. And the second problem is being caused by the snippet suggested to solve the first problem.
The first problem is the double scroll bar. When sorting the portfolio at http://blueunderground.com/portfolio/ to look at only a single category, a second scroll bar appears next to the primary scroll bar. The CSS snippet that Peter suggested “#wrap_all {overflow-y: hidden}” solves the original problem, the double scroll bar.
The second problem is a result of that CSS snippet “#wrap_all {overflow-y: hidden}”. Ismael’s suggestion to solve that problem creates an issue similar to the existing with distortion of objects when scrolling back to the top of the page when using the Small fixed Header with the CSS snippet “#wrap_all {overflow-y: hidden}”. This is not a preferred solution as it does not let the header scale smaller as the Small fixed Header does when scrolling down the page.
Please take a look at the videos of the visual redundancy issue for a better understanding:
Small non-fixed Header + #header {position: fixed} + “#wrap_all {overflow-y: hidden}”
Small fixed Header + “#wrap_all {overflow-y: hidden}”
Is there another way to solve the double scroll bar problem that won’t affect the Small fixed Header?
Please advise.
Thanks!
