Forum Replies Created
-
AuthorPosts
-
Hey spiritglobe,
Typically you would change the page shown as the homepage at: Enfold Theme Options ▸ Theme Options ▸ Frontpage Settings
If you have the page set here but it’s still not right check the WordPress setting to see if it is conflicting with the theme at: WordPress ▸ Settings ▸ Reading ▸ Your homepage displays
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey schweg33,
Do you want them smaller and still in a single column, or do you want them smaller and in two columns?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,
MikeFebruary 5, 2023 at 5:48 pm in reply to: Layout issues on smartphones and tablets with high resolution / landscape format #1396769Hey willbaer,
Thanks for your screenshots and the screen sizes, for issue on the homepage (Screenshot_20230204-192115) where the text column is below the image column, I tried the different screen sizes above in my browser Dev Tools but I couldn’t recreate the issue, I don’t know why and I don’t have a real tablet to test on, but in my browser Dev Tools I did recreate the issue between 768px – 989px please see the first screenshot in the Private Content area.
At this size the text column and the image column seem to be on the wrong sides and the text column is below the image column with a white space created by an empty 1/4 column used as a placeholder for larger screens, to correct I tested this css:@media only screen and (min-width: 768px) and (max-width: 989px) { #top.home #av_section_6 .entry-content-wrapper { display: flex !important; flex-wrap: wrap !important; } #top.home #av_section_6 .flex_column.avia-builder-el-54 { order: 1 !important; display: flex; margin-left: 0; margin-right: 4%; width: 46%; } #top.home #av_section_6 .flex_column.avia-builder-el-56 { order: 2 !important; display: flex; flex-direction: column; margin-top: 0; } #top.home #av_section_6 .flex_column.av_one_fourth.el_after_av_hr.first { display: none; } }Please see the second screenshot in the Private Content area.
Please give this a try, if you see the same error at the other sizes you listed above you could try adjusting the media query size to match, if this is only occurring on devices in landscape mode you could add it to the media query like this:
@media only screen and (min-width: your-size px) and (max-width: your-size px) and (orientation: landscape) { ... }
Please try this and then we will look at your second issue in case I’m misunderstanding something.Best regards,
MikeHi,
If you are going to use this for multiple tables on different pages but do not want to apply it to every table on the site, I recommend adding a custom class to the tables.
Such as you did above with formatfam for example try adding the custom class and use this css:@media only screen and (min-width: 768px) { #top .main_color .formatfam .pricing-table>li:nth-child(odd) { background: rgba(248, 248, 248, 0.7); } #top .main_color .formatfam .pricing-table>li:nth-child(even) { background-color: rgba(145, 145, 145, 0.7); } }If this doesn’t help after you add the custom class we can check again and adjust the css.
Best regards,
MikeHey Katja,
Thanks for your question, I found this solution for excluding post or pages from the ajax search and the normal search based on ID.
I adjusted as the thread suggested to include pages, posts, and portfolio items and then tested it on my demo site to exclude the two demo posts with the title “nice” based on their IDs “68,55” to easily test, and this worked for me.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:// Use search just for certain post-types and exclude posts by id if ( ! function_exists( 'bb_filter_search_results' ) ) { add_action( 'pre_get_posts', 'bb_filter_search_results' ); function bb_filter_search_results( $query ) { if ( ! $query->is_admin && $query->is_search ) { $query->set( 'post_type', array( 'post', 'portfolio', 'page' ) ); $query->set( 'post__not_in', array(68,55) ); } return $query; } } if ( ! function_exists( 'bb_filter_ajax_search_results' ) ) { add_filter('avf_ajax_search_query', 'bb_filter_ajax_search_results', 10, 1); function bb_filter_ajax_search_results( $search_parameters ) { $defaults = array('numberposts' => 5, 'post_type' => array( 'post', 'portfolio', 'page' ), 'post__not_in' => array(68,55), 'post_status' => 'publish', 'post_password' => '', 'suppress_filters' => false); $_REQUEST['s'] = apply_filters( 'get_search_query', $_REQUEST['s']); $search_parameters = array_merge( $defaults, $_REQUEST ); return $search_parameters; } }and change the IDs “68,55” to your IDs
Best regards,
MikeHi,
Thanks for the login, I looked at WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server and it looks ok but I didn’t know which demo you want to install.
Did you try our documentation: How to manually import a theme demo, if you did and still have trouble please tell us which demo and include FTP access so we can try.Best regards,
MikeHi,
Thanks for the feedback, for the table which has two different background colors for odd and even rows, I assume that for the desktop you want slightly transparent background colors, and for mobile, you would like the solid two background colors that it is now, correct?
Try this css:@media only screen and (min-width: 768px) { #top.page-id-12139 .main_color .pricing-table>li:nth-child(odd) { background: rgba(248, 248, 248, 0.7); } #top.page-id-12139 .main_color .pricing-table>li:nth-child(even) { background-color: rgba(145, 145, 145, 0.7); } }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 gabrimore98,
Thanks for the link to your site, I see that you are using v5.1.2, please update to v5.4 and clear your server, website plugin, and browser cache and check again.
I see that you don’t have a Inserisci un token privato Envato valido in place, please see our documentation: How to generate a Envato Personal Token
Or you can manually update your version of Enfold you can 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,
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,
MikeHi,
Thanks for the video and the login, I network deactivated the Classic Editor plugin and the issue is solved.
This plugin is not needed and the Classic Editor option is built into the theme at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor
Please try using the theme option for your network, I reenabled the Classic Editor plugin so please test by disabling it on the network first.
**Update I found that your Classic Editor plugin can stay network activated if you change the theme option to Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor, but I still recommend removeing the network Classic Editor plugin.Best regards,
MikeHey frasche,
Please use the theme settings at Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu ▸ Clone title menu items to submenu
Then will clone the parent menu item so that in it’s dropdown on mobile you will have the option to go to the parent item link.
On mobile you can’t have the parent item open a drop-down on click and go to the link on click, on mobile there is not hover action.
If you would like to change the parent item name try this solution, if you are not sure how to adjust the code for your site please like yo your site and tell us what new name you wish to use so we can help.
Most often people find using the standard Clone title is fine.Best regards,
MikeHi,
Thanks for the feedback, I believe that I misunderstood, for desktop you would like a slightly transparent background color, and for mobile you would like a solid background color, correct?
Try this css instead:@media only screen and (max-width: 767px) { #top .formatfam { background-color: rgba(255, 255, 255, 1); } } @media only screen and (min-width: 768px) { #top .formatfam { background-color: rgba(255, 255, 255, 0.7); } }Best regards,
MikeHi,
On mobile your search bar’s padding is over the menu so it can’t be clicked, try this css to correct:#header #products_predictive_search-6.widget { z-index: 0; padding-top: 0; top: 21px; }After applying the css, please clear your browser cache and check.
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,
Unfortunately, we are not able to test with user role editor pro and we are limited to supporting third-party plugins, since deactivating it clears the issue it points to a conflict. Since you are using a pro version with I imagine plugin support try asking the plugin author, they may have seen this issue before and already has a solution.Best regards,
MikeFebruary 4, 2023 at 11:26 pm in reply to: Home IDX photos won’t show up because of Enfold theme #1396693Hey bemodesign,
Try this css:.dsidx-xlistings-list.dsidx-xlistings-large .dsidx-photo { max-height: 318px; max-width: 392px; position: relative; }After applying the css, please clear your browser cache and check.
For some reason, the height of the images was zero, but defining the height in the plugin css rule seems to correct.Best regards,
MikeHi,
Thanks for your question, try using the blog element showing 3 items in a grid only for the category featured, then apply this category to the 3 items you want to show.Best regards,
MikeHi,
Try this css:#top .social_bookmarks_facebook a:before { color: blue; } #top .social_bookmarks_facebook:hover a:before { color: white; } #top .social_bookmarks_instagram a:before { color: #a67658; } #top .social_bookmarks_instagram:hover a:before { color: white; } #top .social_bookmarks_linkedin a:before { color: #419cca; } #top .social_bookmarks_linkedin:hover a:before { color: white; }before scroll it looks like this:

and on hover it looks like this:

but since on scroll your header is black I don’t know what color you want for not on hover:

on scroll and hover looks good:

Best regards,
MikeHey Vera,
Thanks for the link to your page, it looks like you have this custom css:.container { max-width: 90% !important; }which is making the header container smaller, the header container is set to 96% which lines up your logo and burger menu with the arrows:
.html_header_top #top .av_header_stretch .container { width: 96%; padding: 0; max-width: 100%; }Try changing your .container to something more specific like this:
#av-tab-section-1 .container { max-width: 90% !important; }Best regards,
MikeHi,
Sorry we were not able to help with this one, 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 your patience, but I checked the two links above with Chrome Dev Tools and my Android device and the white background color for the .formatfam text shows on my mobile device, perhaps you have sorted this out already?Best regards,
MikeHi,
I see you have some custom shortcode elements in your child theme, when I switch to your parent theme this error doesn’t seem to occur, I also tested on my demo site and can not reproduce this so I believe that it is related to your custom shortcode elements in your child theme.Best regards,
MikeHi,
Thanks for your patience, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ var currentURL = document.URL; $('#avia-menu').each(function(){ $(this).find('.current-menu-item a').attr('href',''); setTimeout(function() { $(this).find('.current-menu-item a').attr('href',currentURL); }, 50); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');This gets the current URL and then removes the href attribute from the current menu item for the page and then adds the current URL that it got on the page load.
It may look like the current menu item is missing the URL in the source code, but if you hover over the menu item or click it you will see that it still works, I don’t know why it’s not showing in the source code but it seems to be working.Best regards,
MikeFebruary 4, 2023 at 7:27 pm in reply to: Delay in visualizing image positioned absolute over Fullscreen Slider #1396675Hi,
Thank you for your patience, I examined your page carefully and tried everything I could think of and was not able to see a cause or a solution.
Can you disable all of the plugins on the test site to remove that possibility, and then reply back, perhaps Ismael will see something I missed after the weekend.
Thank you for your patience.Best regards,
MikeHi,
Thanks for the login, the code I post was converted by our site, it needed to use"instead of"I corrected your site and will adjust the code above for future readers.
Please clear your browser cache and check.Best regards,
MikeHi,
Your script is not going to work because the mobile item is not present until the burger menu is clicked, so when the page loads and the script runs the #top #av-burger-menu-ul .menu-item-21615 is not found.
CSS works because the rule is always available not just on page load, using the CSS solution for this simple rule is the best option but if you really want a script to do it instead try this one:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#menu-item-21615').css({'display':'none'}); $('.avia_mobile').on('click', '.av-burger-menu-main', function() { $('#top #av-burger-menu-ul .menu-item-21615').css({'display':'none'}); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
MikeHi,
Try this css:@media only screen and (max-width: 767px) { #top #team .av-large-testimonial-slider .avia-slideshow-arrows a { top: 88px; } }Best regards,
MikeHi,
Thanks for your feedback and the screenshots, the http:// in the page code that I see in the screenshots are for empty links,

Typically the default http:// or https:// is based on your WordPress install, I would check your
WordPress ▸ Settings ▸ General ▸ Site Address
and
WordPress ▸ Settings ▸ General ▸ WordPress Address
to ensure your site is using https://
I tested on my demo site which is https:// and all default links are also https://
Your third screenshot for http://www.w3.org/2000/svg is an XML namespace defined in the Scalable Vector Graphics (SVG), these do not interfere with https:// as it is incorrect to use https in the namespace values. Those values are defined namespace constants. They are not real URLs. (source)

I also see this is a Block element and not a theme element.Best regards,
Mike -
AuthorPosts
