Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the feedback and the screenshots of your Enfold pages, this will help us identify the changes you are looking to make, please also link to the actual Enfold pages so we can examine the elements and help.
If it is not possible to view the Enfold version of the page unless it is activated in the Theme Switcha plugin, then also take some screenshots of the desired final result for the pages and activate the Enfold theme so we can examine the elements to determine the needed css.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,
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,
Yes, the menu will be in the code, and if you want to change it in the future you would change the code.
Injecting the shortcode seems to depend on what elements are used on the page, for me it works fine on a product page or a post without a sidebar.
But the solution above works correctly and doesn’t break the layout, give this a try.Best regards,
MikeHi,
Thanks, please also like to the pages where we can see each of these elements, for example, I can’t seem to find this element:
https://img.savvyify.com/image/oxhA
and this product is using the elementor plugin so it looks like the way you want the enfold product to look ▸ https://intercettazioni.biz/microspia-audio-gsm-2g/
https://img.savvyify.com/image/oGzM
but to help you with these customizations we need to see the enfold product page.Best regards,
MikeHi,
Glad Günter 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,
MikeHi,
I believe you are seeing this on single posts or archives with a sidebar, so to work with this try copying the html of the submenu, on my example post I used this:<div id="sub_menu1" class="av-submenu-container main_color av-sticky-submenu container_wrap sidebar_right" style="z-index: 301; top: auto; position: absolute;"><div class="container av-menu-mobile-disabled av-submenu-pos-center"><ul id="av-custom-submenu-1" class="av-subnav-menu"><li class="menu-item menu-item-top-level menu-item-top-level-1"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 1</span></a></li><li class="menu-item menu-item-top-level menu-item-top-level-2"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 2</span></a></li></ul></div></div>you will note that it is important to not have any line breaks in the html.
It is also important to copy the div before:<div class="clear"></div>and after:<div class="sticky_placeholder" style="height: 51.4375px;"></div>
To test you can use the code in my example below, this is the script to add to your child theme functions.php:function custom_sub_menu_script() { ?> <script> (function($){ var sub_menu = '<div class="clear"></div><div id="sub_menu1" class="av-submenu-container main_color av-sticky-submenu container_wrap sidebar_right" style="z-index: 301; top: auto; position: absolute;"><div class="container av-menu-mobile-disabled av-submenu-pos-center"><ul id="av-custom-submenu-1" class="av-subnav-menu"><li class="menu-item menu-item-top-level menu-item-top-level-1"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 1</span></a></li><li class="menu-item menu-item-top-level menu-item-top-level-2"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 2</span></a></li></ul></div></div><div class="sticky_placeholder" style="height: 51.4375px;"></div>'; $('#top.archive,#top.single-post').each(function(){ $(sub_menu).insertBefore( ".container_wrap_first" ); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_sub_menu_script');this will show the submenu on single posts and archive pages, see the two links to my test pages below.

Best regards,
MikeHi,
It looks like I’m redirected to a maintenance page, please include an admin login in the Private Content area so we can see your page.Best regards,
MikeHi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
I have not used the plugin before so I don’t know how it works, but when I check your site it don’t look like Enfold is active and the elements don’t seem to be Enfold elements.Best regards,
MikeHi,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.leaflet-tile-pane { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the login, I found that you had Enfold Theme Options ▸ Performance ▸ Disable jQuery Migrate enabled, I disabled it for you now you don’t have the jQuery error. I also made some minor adjustments to the script, please clear your browser cache and check.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.menu-meniu-categorii-container .menu-item-has-children > a:after { content: '>'; float: right; padding-right: 10px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeApril 27, 2023 at 12:37 am in reply to: How to Overlap Columns/Elements for Homepage Banner? #1405753Hi,
Try this css:.responsive #top #homepage-banner > .container { max-width: 100%; padding: 0; } #homepage-banner .av_two_third .avia-image-container-inner, #homepage-banner .av_two_third .avia-image-container-inner img { width: 100%; }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,
Thanks for the feedback, I see the auto-reload is working, can you create a test page with a contact form using the Google reCaptcha so we can see the error, your current contact form is using the numeric captchaBest regards,
MikeHey Intercettazioni,
Thanks for the links to your pages, but it doesn’t look like Enfold is activated and while you mention about photos we should see to understand the issues, I don’t see these photos.
Your site seems to be using the plugins elementor and VC composer, these are not compatible with Enfold, which uses it’s own built-in page builder.
There is not an easy way to convert these page builders the Enfold Advanced Layout Builder (ALB).
I recommend creating a clean WordPress install with only Enfold installed and then create your site, we can help with many customizations with our elements, but there may be some situations were there won’t be a one for one replacement for a elementor or VC composer element.Best regards,
MikeHey ThorstenFB,
Please link to your map page so we can examine the elements.Best regards,
MikeHi,
Thanks for the feedback and for the video, I checked our demo page that you showed in the video in Windows in Chrome, Firefox, & Edge and I couldn’t see this.
I can barely see it in your video, are you using any browser extensions have you checked if your browser can be updated?
In the video of your site it is easier to see, but I can’t see your site live, I just get a 404 error, I see that you say it’s served on a localhost, will you be moving it to a live web server soon so we can see it?Best regards,
MikeHi,
I have asked the team for advice or ideas and will reply back when I hear from them, Thank you for your patience.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,
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,
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,
After you do this please let us know if it helps and we can close this thread.Best regards,
MikeHi,
Please link to your site so we can examine the elements.
Perhaps a mockup of what you would like to see would also be helpful.Best regards,
MikeHi,
Naturally, you can if you wish, but you may find them trickier to use, but if you want all of the theme elements to use rem it may be a big job converting them all. Try working on one page at a time and see how it goes.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #main .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry { margin-right: 12px; margin-bottom: 12px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for the link to your site, I removed the code for you:

Since you are using a old version of the theme it only supports this format: UA-XXXXX-X
You version 4.6.3.1 must be manually updated, then in the future you can update it with the update button.
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeHi,
To specify your css for white titles on your homepage to work only on your homepage please change this css:#top #wrap_all .all_colors .av-masonry-entry-title { color: white; font-size: 30px; line-height: 1; }to this, note the page ID “home” is added:
#top.home #wrap_all .all_colors .av-masonry-entry-title { color: white; font-size: 30px; line-height: 1; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all #header_main > .container { height: 0; } .html_header_top.html_header_sticky #top #wrap_all #main.all_colors { padding-top: 50px; }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,
Mike -
AuthorPosts

