Forum Replies Created
-
AuthorPosts
-
Hi,
I believe that I have found a solution to change the sidebar header menu to have multiple dropdowns like the burger menu,
for example this is the first dropdown after a click:
this is the second level after click:
please note that both the “first level” and “second level” menu items are not links to pages, so a click will open the sub-menu:
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function change_sidebar_menu_to_burger_menu_dropdown() { ?> <script> document.addEventListener("DOMContentLoaded", function() { var screenWidth = window.innerWidth; if (screenWidth >= 768) { if (document.documentElement.classList.contains("html_header_sidebar")) { const aviaMenu = document.getElementById("avia-menu"); if (aviaMenu) { aviaMenu.id = "av-burger-menu-ul"; aviaMenu.classList.remove("av-main-nav"); aviaMenu.classList.remove("menu"); } const menuItems = document.querySelectorAll("#av-burger-menu-ul .menu-item"); menuItems.forEach(function(item) { item.classList.add("av-active-burger-items"); item.classList.remove("menu-item"); }); const menuItemsWithChildren = document.querySelectorAll("#av-burger-menu-ul .menu-item-has-children"); menuItemsWithChildren.forEach(function(item) { item.classList.add("av-width-submenu"); //item.classList.remove("menu-item-has-children"); const dropdownAva = item.querySelector(".menu-item-has-children.av-width-submenu .avia-menu-text"); if (dropdownAva) { const dropdownAvailable = document.createElement("span"); dropdownAvailable.classList.add("dropdown_available"); dropdownAva.insertAdjacentElement('afterend', dropdownAvailable); } const dropdownSpan = item.querySelector(".menu-item-has-children.av-width-submenu .dropdown_available"); if (dropdownSpan) { const submenuIndicator = document.createElement("span"); submenuIndicator.classList.add("av-submenu-indicator"); dropdownSpan.insertAdjacentElement('afterend', submenuIndicator); } }); const style = document.createElement('style'); style.innerHTML = ` #top #av-burger-menu-ul { width: 300px; padding: 0px 30px; } .main_menu ul:first-child>li a { height: 50px; line-height: 50px; } `; document.head.appendChild(style); } } }); </script> <?php } add_action( 'wp_footer', 'change_sidebar_menu_to_burger_menu_dropdown', 99 );
Please disable any previous snippets from this thread.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, and thanks for sharing your solution. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the feedback, I’m glad you were able to investigate this further, but unfortunately I don’t know what else we can do to help with this, as we can’t reproduce this and from your explanation it sounds like a red-herring, as you say.
We will go ahead and close this as you pointed out, but feel free to open a new thread if you find new information that will help us reproduce this.
Thank you for your understanding and using Enfold.Best regards,
MikeHi,
For iPad it looks like “calibri-cursiv-bold-new” is showing in the DOM, check your Enfold Theme Options ▸ Advanced Styling for the H1 heading and see if that font is selected. If you have more than one H1 style selected the one at the bottom may have the most specifically.Best regards,
MikeHi,
Your css for the headings doesn’t have the enough specifically, I would recommend this:@media only screen and (max-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 { font-family: 'Open-Sans', sans-serif; font-style: italic; } }
plain h1, h2, h3, h4, h5, h6 is not enough to override the theme.
As for Safari it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
I doubt that this is what you are experiencing right now, but please keep this in mindBest regards,
MikeHey leloux,
Please include a admin login in the Private Content area so we can examine.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top .av-burger-menu-main.menu-item-avia-special { left: -40%; } .html_visible_cart .cart_dropdown { right: 4%; z-index: 999 !important; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeJuly 7, 2024 at 4:07 pm in reply to: click 2 times to see the expanden menu in my left side bar menu #1461552Hi,
This is because of the script that was added, please see this thread.Best regards,
MikeJuly 7, 2024 at 4:02 pm in reply to: click 2 times to see the expanden menu in my left side bar menu #1461547Hi,
You will need to disable the mega menu so the mega menu doesn’t show to the right and have the click issue.
If you want to use the menu with the script and have the menu items open below then you can use the script.
If you don’t like how the script works then you can remove it.
There is not need to open a new thread for a 2 times drop down menu, you already have this one open.
Unfortunately there I don’t find a solution, since this menu structure is not a option in the theme and seems to be more involved than I first thought, I recommend opening a feature request so the Dev Team can review adding this as a option.
Since this is a duplicate thread it would be easier to keep all of the commentscomments in one threadBest regards,
MikeJuly 7, 2024 at 3:46 pm in reply to: [Security Alert]: Polyfill.io Issue for Google Maps Platform users #1461546Hi,
The Dev Team has reviewed this and points out that the js file is loaded by WP and only links to the distributed file ../wp-includes/js/dist/vendor/wp-polyfill.js
Enfold doesn’t hotlink to the polyfill.io site, so we will have to wait for WP to apply a patch for this issue as there are a lot of dependencies on wp-polyfill for the block editor and react js.
We will close this thread, but the issue is open here if you wish to comment, thank you for your understanding and using Enfold.Best regards,
MikeHi,
Thank you for the link to your site, I see the in inspector for Safari the font that is showing says it is “calibri” while it doesn’t look correct, and I can’t find any conflicts.
When I text in Chrome & Firefox on the Mac the correct “calibri” is shown. As I researched online I see a lot of posts for “Safari not showing calibri font” as this seems to be a issue that others are having.
I have asked the rest of the team if they have any ideas, Thank you for your patience.Best regards,
MikeHey Munford,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #footer > .container { display: flex; flex-wrap: wrap; } #footer > .container .av_one_third.first { order: 3; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey Ad-Min747,
I assume that your user is not admin, so see the theme option at Enfold Theme Options ▸ Layout Builder ▸ Lock Advanced Layout Builder
This removes the ability to move or delete existing template builder elements, or add new ones, for everyone who is not an administrator.
Another option might be this function in your child theme functions.php file in Appearance ▸ Editor to hide the ALB button from anyone that is not admin.add_action('admin_head', function() { if( !current_user_can('activate_plugins') ){ ?> <style>#avia-builder-button{ display: none; } </style> <?php } });
Best regards,
MikeHi,
Your screenshot looks like the socket is full width, but your site is smaller, so I recommend making the area full width and making the font smaller so there is enough room..responsive #socket > .container { max-width: 100%; font-size: 18px; } #socket .copyright { float: right; padding-left: 20px; line-height: 24px; }
and then move the “title” on the right side over some in the css for it, currently you have:
#footer-title { font-size: 38px; font-family: zen-kaku-gothic-new; color: #000; font-weight: bold; float: right; top: -38px; position: relative; left: -15%; }
change to:
#footer-title { font-size: 38px; font-family: zen-kaku-gothic-new; color: #000; font-weight: bold; float: right; top: -38px; position: relative; left: -5%; }
Best regards,
MikeHi,
Thank you for your patience, I have tried to reproduce this error with a self-hosted mp4 on my test site and I checked my Apache log, but unfortunately I only see the .mp4 video file type and the .jpg thumbnail for the .mp4
I tried to create a function to add to your child theme functions.php to change this anyways, I can’t confirm that it will work for you, but adding it didn’t brake my video element, so please give this a try and see if it helps.if (!function_exists('custom_avia_html5_video_embed')) { function custom_avia_html5_video_embed( $video, $image = '', $types = array( 'mp4' => 'type="video/mp4"' ), $attributes = array( 'autoplay' => 0, 'loop' => 1, 'preload' => '', 'muted' => '', 'controls' => '' ) ) { $html5_files = array(); $path = $video; if( ! empty( $video ) && is_array( $video ) ) { $html5_files = array_filter($video, function($ext) { return $ext === 'mp4'; }, ARRAY_FILTER_USE_KEY); $path = reset( $html5_files ); } $path_split = array(); preg_match( "!^(.+?)(?:\\.([^.]+))?$!", $path, $path_split ); $output = ''; if( isset( $path_split[1] ) ) { if( ! $image && avia_is_200( $path_split[1] . '.jpg' ) ) { $image = 'poster="' . $path_split[1] . '.jpg"'; // poster image isn't accepted by the player currently, waiting for bugfix } else if( $image ) { $image = 'poster="' . $image . '"'; } $autoplay = $attributes['autoplay'] == 1 ? 'autoplay' : ''; if( ! empty( $autoplay ) ) { $autoplay = apply_filters( 'avf_html5_autoplay_mobile', "{$autoplay} playsinline", $video, $attributes ); } $loop = $attributes['loop'] == 1 ? 'loop' : ''; $muted = $attributes['muted'] == 1 ? 'muted' : ''; $controls = $attributes['controls'] == 1 ? 'controls' : ''; if( ! empty( $attributes['preload'] ) ) { $metadata = 'preload="' . $attributes['preload'] . '"'; } else { $metadata = $attributes['loop'] == 1 ? 'preload="metadata"' : 'preload="auto"'; } $uid = 'player_' . get_the_ID() . '_' . mt_rand() . '_' . mt_rand(); $output .= "<video class='avia_video' {$image} {$autoplay} {$loop} {$metadata} {$muted} {$controls} id='{$uid}'>"; if( empty( $html5_files ) ) { if( $path_split[2] == 'mp4' || avia_is_200( $path_split[1] . '.mp4' ) ) { $output .= '<source src="' . $path_split[1] . '.mp4" type="video/mp4" />'; } } else { foreach( $html5_files as $ext => $source ) { $html_type = ! empty( $types[ $ext ] ) ? $types[ $ext ] : ''; $output .= "<source src='{$source}' {$html_type} />"; } } $output .= '</video>'; } return $output; } } // Remove the original function and replace it with the custom function remove_action('avia_html5_video_embed', 'avia_html5_video_embed'); add_action('avia_html5_video_embed', 'custom_avia_html5_video_embed');
If this doesn’t help try to modify the function-set-avia-frontend.php starting at line 960 to match the above and see if manually changing it helps.
If it does then great, but the the function-set-avia-frontend.php file can not be overwritten in a child theme so after each update you will need to modify, I’m hoping the above will work for you in your child theme functions.php file.Best regards,
MikeHey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#socket > .container { display: flex; flex-direction: row-reverse; justify-content: flex-end; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Please see this thread that I offered to change sub menu items in sidebar menu to drop down, and from this they are asking to create a second level drop down like in the mobile menu.Best regards,
MikeJuly 7, 2024 at 12:13 pm in reply to: click 2 times to see the expanden menu in my left side bar menu #1461530Hey leloux,
It is because you are using a custom script that I posted for you in another thread.because you wanted a drop down menu, I see now you have created a mega menu, this will not work, so you must disable it.
Please see the last thread that you opened.
I recommend removing the script and open a Feature Request for the drop down menu as in your last thread.Best regards,
MikeHey reqonsult,
Thank you for the link to your site, this is because the first paragraph is in the “td” and the others are in a “p” which has more specialty.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .all_colors td p { font-size: 13px; font-weight: 400; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey reqonsult,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #aufeinenblick .av_textblock_section a { text-decoration: none; }
this section is different, for the last solution you were using icons, now you are using h4 text links, I offered the solution to not interfere with other elements.
If you don’t want any links anywhere to be underlined try this css:#top #wrap_all #main a { text-decoration: none; }
Best regards,
MikeHi,
Well I don’t know, leloux really wants a sidebar header menu like this:
and this menu doesn’t behave the same as a burger menu, and I have not found a way to do this. If you have an idea how to do this that would be great.
I don’t understand your example because it doesn’t display like a sidebar header menu, perhap you call the menu in the screenshot something else and I’m not explaining well.Best regards,
MikeHi,
That is a good idea Guenni007, but I’m not sure how the burger menu could replace the sidebar header menu, I don’t think that forcing the burger menu to always be open would be the same design. Do you have an idea the replace the menu with the burger menu, maybe like this?function av_different_menu( $args = '' ) { if($args['theme_location'] === 'avia2') { $args['menu'] = '11'; } return $args; } add_filter( 'wp_nav_menu_args', 'av_different_menu' );
Best regards,
MikeHi,
Glad to hear that you are now seeing the cookies, I checked with Windows in Chrome, Firefox, & Edge and the cookies showed in all three after accepting them.
Please note that if you or your client is using a adblocker it is possible that the cookie button will not show, or will block the cookies completely, some browsers consider this a benefit, and if the user doesn’t click the buttoms the cookies will not be added. We will leave this open to hear back from you.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeJuly 6, 2024 at 7:20 pm in reply to: Gallery Images Not Loading; Top Of Page Images Not Loading #1461495Hey clbdcnpafe,
Thank you for your patience, for your video gallery, when the page is loaded the element has the javascript disabled, typically this is due to a lazyload plugin, please disable your lazyload plugin and then check again. If this helps try reviewing the plugin options as it may have an option to enable the javascript whild the plugin is enabled.
Please note that the lazyload plugin may be in your JetPack plugin, so also try disabling it.
I was not able to see your second issue, but this could also be from the lazyload, or a different plugin.
I see that you have a plugin called wp-gallery-custom-links is this what you are using for the video gallery links?Best regards,
MikeJuly 6, 2024 at 6:55 pm in reply to: Use custom post type to enable layout editor on category pages #1461493Hi,
Unfortunately I have not found any working solutions for this, but if you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.Best regards,
MikeHi,
Thank you for your patience, yry adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function center_the_contact_form_ajax_response_after_the_submit_button_is_clicked() { ?> <script> document.addEventListener('DOMContentLoaded', function () { var buttons = document.querySelectorAll(".button.av-verify-recaptcha-0.av-recaptcha-submit"); buttons.forEach(function(button) { button.addEventListener("click", function(event) { setTimeout(function() { var resultElement = document.getElementById("result_ajax_response_1"); if (resultElement) { resultElement.style.display = 'block'; var elementRect = resultElement.getBoundingClientRect(); var absoluteElementTop = elementRect.top + window.pageYOffset; var middle = absoluteElementTop - (window.innerHeight / 2); window.scrollTo({ top: middle, behavior: 'smooth' }); } }, 7000); }); }); }); </script> <?php } add_action( 'wp_footer', 'center_the_contact_form_ajax_response_after_the_submit_button_is_clicked', 99 );
This will center the contact form ajax response after the submit button is clicked, in my tests the time can be between 5 – 7 seconds while the recaptcha checks before the ajax response is shown. Some of this could be because I’m in a different country, so give this a try and adjust the 7000 at the end of the script to 5000 or 6000 to see what works best for you.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHi,
It looks like you removed the transparent header from the homepage, so now when you scroll down the header is is transparent and doesn’t become solid white, are you sure this is what you want?
Earlier the homepage used the transparent header so when you scrolled the header become solid white, I recommend going back to this and then make your other page the same.
I don’t understand the why you would add the custom classes.Best regards,
MikeHey leloux,
Thank you for your patience, but I didn’t find a way to achieve this, since this menu structure is not a option in the theme it will more involved.
If you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests like this and follow them as the Dev Team reviews them.Best regards,
Mike -
AuthorPosts