Forum Replies Created
-
AuthorPosts
-
Hi,
Looks like it is a caching issue, I tried disabling your cache plugins, try clearing your server cache also.Best regards,
MikeHi,
Ok we will close this one as requested, I see Ismael answered your other thread.Best regards,
MikeSeptember 4, 2024 at 6:05 pm in reply to: How to add code to the section for specific pages? #1466240Hey Jak73,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor and change the page IDs in the array to the ones you want to use, then add your snippetfunction my_code() { if(is_page( array(206, 591, 597) ) ) { ?> //Put Your Code Here <?php } } add_action( 'wp_head', 'my_code' );
Best regards,
MikeHi,
When I check your homepage the image is not like yours, please see the screenshot in the Private Content area.
Please use this screen resolution tool and let us know what size your screen is so we can reproduce it and help with some specific css.Best regards,
MikeHey a-l-p,
Thank you for your patience and sorry for the late reply, when your video is set to auto play the sound is muted due to the browser rules, this is not an error in the theme, the theme follows the rules set by the browsers and doesn’t try to override them. There maybe some plugins that do this but the browsers try to block this with each update. I recommend either not auto playing, or add a message to “turn on sound”.
WordPress removed the volume controls for the video player a few years ago on mobile because the mobile devices have a physical button to manage the sound, the theme uses the WordPress player and not a custom one. Perhaps there is a plugin that behaves differently but I have not searched for any.Best regards,
MikeSeptember 4, 2024 at 11:45 am in reply to: Menu Focus Trap / Accessibility / Keyboard usage – Improvement #1466202Hi,
Glad that you have this sorted out, please note that the Dev Team is open to Feature Requests but they also have to be careful about how these might affect other users. If you still think that this should be added to the core please submit directly, thank you.
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, I found that you had this css preventing the menu from showing, I removed it and now it shows. Please clear your browser cache and check.@media only screen and (max-width: 3500px) { .html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;} .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;} .html_mobile_menu_tablet #mobile-advanced{display:block;} }
Best regards,
MikeHi,
Glad to hear that you found a plugin, I have not used it and I only found an old issue from 2018 with it, probably not an issue anymore.
Shall we close this thread then?Best regards,
MikeSeptember 3, 2024 at 4:53 pm in reply to: Menu Focus Trap / Accessibility / Keyboard usage – Improvement #1466146Hi,
It sounds like you have this sorted out, when I test on our demo I don’t see any errors and it seems to work as expected. Shall we close this thread then?
If you would like to summit this as a 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,
Glad to hear that you have this sorted out, 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,
MikeSeptember 2, 2024 at 12:18 pm in reply to: How to get product categories class with the catalogue product module in ALB #1466037Hi,
Glad Ismael could 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,
MikeSeptember 1, 2024 at 10:58 pm in reply to: How to get product categories class with the catalogue product module in ALB #1466011Hey manyfloor,
Thank you for your question, but the product catalog already includes category classes such as:
product_cat-music
product_cat-accessories
product_cat-hoodies
these are basic examples from the woo demo import.
Please provide more detail with example links to your site so we can understand better and reproduce, perhaps what you call a “product catalog module” we call something else?
A link to your pages and a admin login would help a lot.
As I understand, you only want DOM classes for CSS and not the classes to show on the frontend.Best regards,
MikeHey James,
Thank you for your patience and the link to your site, I see that you are using two menus on your homepage, the normal menu in a transport header and a submenu.
Try this css:.header_color .main_menu ul:first-child > li.current-menu-item#menu-item-234350 > a, .header_color .main_menu ul:first-child > li.current_page_item#menu-item-234350 > a { color: #fff; }
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,
MikeHi,
To disable it, open js/avia.js go to line 90 and comment it like this:// new $.AviaAjaxSearch({scope:'#header, .avia_search_element'});
then disable both Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files Then clear your browser cache and any cache plugin a few times, and check.
Please remember that clearing javascript files can take a few tries. I tested this and it works to remove the ajax function:
Best regards,
MikeSeptember 1, 2024 at 5:41 pm in reply to: Font color in my widgets and size of widget title.. #1466004Hi,
To change the widget titles, please see this thread.
For us to find the over-riding Footer font color we will need to see your site, so once it is online please open a new thread, as this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area.
Thank you for your patience and understanding and for using Enfold.Best regards,
MikeSeptember 1, 2024 at 5:28 pm in reply to: Menu in transparant box with logo area with separate background #1466003Hi,
#3 try this css:#top #header .av-main-nav > li.button.logo > a { font-size: 0; }
#4
.av-main-nav ul li { list-style-type: none; }
Best regards,
MikeHi,
For desktop this seems to work for me:@media only screen and (min-width: 768px) { .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 290px; } }
Best regards,
MikeHi,
Where can we see the slider? On the pages that I check the images show and the ADs when my AD blocker is off.Best regards,
MikeSeptember 1, 2024 at 5:03 pm in reply to: portfolio items | is it possible to use 2 different permalinks? #1466000Hi,
Sorry I see your point now, you can only have one Portfolio Items Base, I recommend using posts and categories to have
/treatments/[name of treatment]
/treatment-area/[name treatment area]
or you could create a CPT with Advanced Custom Fields (ACF), but it won’t be a Portfolio Item.
or you could try a plugin like Custom Permalinks but I don’t know if it will work with the masonry element.Best regards,
MikeSeptember 1, 2024 at 4:28 pm in reply to: Menu in transparant box with logo area with separate background #1465998Hi,
Please note, on this page with the image behind the menu:
you are using a color section with a background image and the menu in the code block element:
but on the portfolio page you have a color section with a no background image and the menu in the code block element, and a slider below.
So adds a new challenge :( The solution seems to be to add the custom class section-with-menu-no-background and this css:.avia-section:not(.section-with-menu-no-background) { z-index: 0; } .avia-section.section-with-menu-no-background { z-index: 50; position: absolute; background: transparent; }
I did this for you, please check.
Best regards,
MikeSeptember 1, 2024 at 3:37 pm in reply to: notification about ‘being offline’ in column plugin WP Table Builder #1465995Hey Peter,
In the WP Table Builder plugin support one day ago a user reports:
change version to 1.5.1 icons will work. something wrong with 1.6.0 and 1.6.1
They seem to have about 15 similar issues from the past two days.
I don’t see any theme errors, try publishing your page and see if that is the issue, or post to the plugin support page.Best regards,
MikeSeptember 1, 2024 at 3:23 pm in reply to: portfolio items | is it possible to use 2 different permalinks? #1465994Hey Peter,
I recommend using two categories
‘treatments’
‘treatment-area’Then add your items to these categories and select these in your masonry grid
Best regards,
MikeHi,
Thanks for the feedback, as for the log above, it points to class-avia-instagram.php line 739
this line is the closing tag for the widget, if you were using this widget then perhaps your username was not correct or was causing an error.
It looks like you are not using the widget now, I’m not able to reproduce this error on my site, probably because we don’t have a SiteGround account. Another possibility is that the SiteGround Optimizer plugin is trying to minify the file and causing an error, I don’t know but we are limited to the support we can offer for plugins. I recommend leaving this plugin disabled.Best regards,
MikeHey steridhh,
Thanks for your patience and the link to your site, your site gives the error:iframeResizer.contentWindow.js:71 [iFrameSizer][palisis] No tagged elements (data-iframe-height) found on page
This could be that the script is running before the iframe is loaded, you could try changing to this:<script type="text/javascript" src="/wp-content/files/js/iframeResizer.js"></script> <script type="text/javascript"> window.addEventListener('DOMContentLoaded', function() { function resizeId(){ var iframe = document.querySelector('#palisis') iframe.style.width = iframe.parentElement.clientWidth + 'px'; } } </script> <iframe id="palisis" src="https://top-tour-hamburg.palisis.com/" style="width:100%; border:none"></iframe> <script> iFrameResize({checkOrigin:false, heightCalculationMethod: 'taggedElement'}, '#palisis'); </script>
But your script tries to make the ID #palisis fullwidth, which it is:
Your problem is that your iframe is showing a second iframe with another div with the class “shop-widget”, this element’s source css has a max-width of 1200px:
Perhaps this will work:<script type="text/javascript" src="/wp-content/files/js/iframeResizer.js"></script> <script type="text/javascript"> window.addEventListener('DOMContentLoaded', function() { function resizeId(){ var iframe = document.querySelector('#palisis') iframe.style.width = iframe.parentElement.clientWidth + 'px'; var iframeB = document.querySelector('.shop-widget') iframeB.style.width = iframeB.parentElement.clientWidth + 'px'; } } </script> <iframe id="palisis" src="https://top-tour-hamburg.palisis.com/" style="width:100%; border:none"></iframe> <script> iFrameResize({checkOrigin:false, heightCalculationMethod: 'taggedElement'}, '#palisis'); </script>
If it did it would look like this:
I don’t think that is what you want, so I recommend making the element above the same width with this css:#top.page-id-1162 #av-layout-grid-1.av-layout-grid-container { max-width: 1200px !important; } #top.page-id-1162 #av-layout-grid-1 .flex_cell { padding: 15px !important; }
Best regards,
MikeHi,
Thanks for your patience and the link to your site, but when I check your homepage I don’t find a “slider”:
I do find that your ADs in the right side “codeblock” elements don’t all show for me:
But this is due to my browser AD blocker, depending on your browser AD & Tracker blocking may be automatic or it may be an add-on, try turning off your AD blocker for all of the ADs to show:
This is not an issue with the theme, one way around this would be to not use the AD codes to show the ADs, but to host the images on your site and add your referral link to them, if the images are hosted on your site then the AD blockers should show the images. But note that some AD blockers will remove your referral link or block the tracking cookie so you will not get credit for the click. Typically, it is better to offer a custom “discount code” so when the visitor is in the checkout they will enter it and you get credit, but not all offers have this.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,
MikeAugust 31, 2024 at 11:05 pm in reply to: Problems with Mobile View on Shop and Product Pages (WooWommce) #1465948Hi,
1. store page
When I check your shop page the sidebar and products are centered, see the screenshot below.
If you want the sidebar to be smaller try adding this css in your quick css field:.container .av-content-small.units { width: 85%; } .sidebar_left .content { padding-left: 0; }
2. product page
When I check your product page with Chrome & Safari I do not see:If you scroll here, the product image gets bigger and bigger and the page can no longer be used.
What browser are you using?
Best regards,
MikeHi,
Please add [nolink] to the copyright field, see our documentation here.Best regards,
MikeHi,
Let’s try adding a custom class “custom-banner” to the div to better manage future changes, and change the font size for mobile from 22px to 12px, this will make the text on mobile closer to what you want, you can even try smaller if you find 12px still to big.
This is the new script:function custom_banner_below_the_header_and_above_the_main_menu() { ?> <script> // Create the new div element const newDiv = document.createElement('div'); // Set a class for the new div newDiv.className = 'custom-banner'; // Set the text content newDiv.textContent = 'The Most Comprehensive Alternative Wellness Experience In The Midwest'; // Set the style properties for screens above 768px newDiv.style.backgroundColor = 'gray'; newDiv.style.color = 'white'; newDiv.style.fontSize = '22px'; // Default font size for larger screens newDiv.style.padding = '10px'; // Add the flexbox properties newDiv.style.display = 'flex'; newDiv.style.justifyContent = 'center'; newDiv.style.order = '4'; newDiv.style.flexBasis = '100%'; // Find the element with class "main_menu" const mainMenu = document.querySelector('.main_menu'); // Insert the new div before the main_menu if (mainMenu) { mainMenu.parentNode.insertBefore(newDiv, mainMenu); } // Adjust styles based on screen width function adjustStyles() { if (window.innerWidth < 768) { newDiv.style.fontSize = '12px'; // Font size for screens below 768px } else { newDiv.style.fontSize = '22px'; // Font size for screens 768px and above } } // Initial adjustment adjustStyles(); // Adjust on window resize window.addEventListener('resize', adjustStyles); </script> <?php } add_action( 'wp_footer', 'custom_banner_below_the_header_and_above_the_main_menu', 99 );
Please give this a try.
Best regards,
Mike -
AuthorPosts