Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear that you have this sorted out, although we have not heard from other users about this issue with polylang. Perhaps using the Classic Editor will be a good solution.Best regards,
MikeHi,
Thanks for the feedback, I have asked the rest of the team if they have a similar monitor to test with, Thank you for your patience.Best regards,
MikeHi,
Thank you for your patience, please try this solution.Best regards,
MikeHey whdsolutions,
Thanks for your patience and the link to your site, when “hide on mobile” is used the element is given the css “display” of “none”, this only “hides” an element from view but it is still loaded.
The problem is that PHP is a server-side language and it can not know the device or screen size of a user, this requires a client-side language like css or javascript.
You may be able to use a solution like this to remove the element instead of hiding it.Best regards,
MikeHi,
Unfortunately, we don’t have a monitor with the same resolution as yours, but it sounds like a monitor refresh rate, I can’t imagine that a site would be slower on a larger screen.Best regards,
MikeHi,
Thank you for your patience and the link to your site, I found with the Block Editor enabled you were getting server errors (500) but switching to the Classic Editor at Enfold Theme Options ▸ Select Your Editor corrected and I was able to open all 3 of your pages.
I’m not sure if this is a plugin conflict, if you want to test try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.Best regards,
MikeApril 16, 2023 at 7:02 pm in reply to: Product image will not enlarge on first view – new touch enabled product images #1404606Hey El,
Try disabling your caching plugin and CDN, it looks like you are using the ShortPixel Image Optimizer plugin and it or the CDN is not serving the correct image url.
I have linked to the two image urls below, notice the size +w_805+ & +w_1498+ the correct one is not served on hover.Best regards,
MikeHi,
This can be achieved with a jQuery snippet, please link to your single post example and perhaps include a mockup of what you would link to see, Typically some css will also be needed to adjust the padding or margin in the new location.Best regards,
MikeHey Jay,
Typically layer slides created for desktops are in a landscape format and maintain the aspect for mobile which has a portrait format, for best results you should either create two layer sliders, one for desktop and one for mobile ensuring that the canvas size for each is adjusted for your target device, and display based on device screen size. A more advanced solution is to use the settings in the LayerSlider for the backgrounds and each layer element to display based on device screen size, essentially doing the same thing in one slider. You can read the LayerSlider documentation for more info or ask the LayerSlider support for assistance.Best regards,
MikeHi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function remove_product_category_description_paragraph_tag() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#av_product_description h1 p').contents().unwrap(); })(jQuery); }); </script> <?php } add_action('wp_footer', 'remove_product_category_description_paragraph_tag');
Then clear your browser cache and any cache plugin, and check.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHey alexanderb135,
I believe that you are asking for a sticky mobile header, please see our documentation: Sticky header on mobile
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #main { /* Margin top value should be equal to header height*/ margin-top: 180px; } .responsive #top #wrap_all #header { position: fixed; } }
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.
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 Gianluca,
On your page /welcome/ to hide the images in the posts try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-629 .template-blog .entry-content p img { display: none; }
To have the small image the same proportions as the featured image try this css:
#top.page-id-629 .template-blog .small-preview { width: auto; height: auto; }
After applying the css, please clear your browser cache and check.
This is the expected results:
Best regards,
MikeHey Andrés,
Please try disabling all of your plugins and caching and then clear your browser cache. Then try making the change, I believe you will find the error is due to a plugin conflict. Then enable your plugins one at a time and test your site, clearing your browser cache after each test until you find the one or combination of plugins causing this to identify this cause.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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av-masonry-item-with-image .main_color .site-background { background-color: transparent; }
After applying the css, please clear your browser cache and check.
But you might find the gray text hard to see, so if you want to also change the text color try this css:.av-masonry-item-with-image .main_color .site-background { background-color: transparent; color: #fff; } .av-masonry-item-with-image .main_color h3.av-masonry-entry-title { color: #fff; }
Best regards,
MikeHi,
What I am pointing out in your video (1:57) is when you switch your Advanced Layout Builder (ALB) page to a Block Editor page and then save:
this is not recommended and can cause frontend errors, there is no practical reason to do this, please inform your users to not do this.
Now (2:20) when you switch back from the saved Block Editor page to the ALB page, the two versions of the page are not synced.
I’m not sure why you want to save the ALB page in the Block Editor, but there is no practical reason to do this.
Nonetheless, I believe the core issue you are trying to demonstrate is that saving a Draft page and then Previewing the draft in another tab and refreshing the two tabs doesn’t show the same content. So I edited the draft test page from yesterday that I created which has never been saved as a Block Editor page in a video for you and linked it below.
I saved the draft and opened it in two tabs side-by-side:
and the content matched.
I edited the text again and reloaded both draft tabs:
and the content matched.
I even edited the draft a third time and previewed the refreshed page on the frontend in both tabs and then went back to the backend:
and again the content matched in both tabs:
So I was unable to reproduce the issue. As for your last comment that the first backend draft refresh was at 1:10 before the Block Editor was used, I would ask if you are sure that you have never saved this page with the Block Editor? I imagine that you have done this many times over many days in your testing.
I recommend creating a new page with the ALB and follow the steps in my video, and advise your users to not edit or save ALB pages with any other editor, as there is no practical reason to do so.Best regards,
MikeApril 16, 2023 at 12:13 am in reply to: Gravity Forms “Add Form” not appearing on classic editor when Enfold installed #1404567Hi,
Glad to hear that it works with the classic-editor plugin, since your plugin will only work with the classic-editor plugin please use it instead of the theme option.Best regards,
MikeHey fabienneRedUmb,
Do you mean this image:
it looks like it’s adding in your custom css, try looking for this code and remove:.main_color { background: #ffffff url(https://rubyrebelde.com/wp-content/uploads/2023/04/bg_pn-495x400.png) bottom right no-repeat fixed; }
If you can’t find it try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .main_color { background: #ffffff; }
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 Konstantin Smirnov,
Thanks for your question, the Google Maps are embedded with an iframe.Best regards,
MikeApril 15, 2023 at 11:54 pm in reply to: Error 28: Connection Timed Out After X Milliseconds #1404563Hi,
It looks like you are using the OVH web host, is this correct?
OVH hosting has disabled the PHP set_time_limit() function, this function ensures that the WordPress import doesn’t time out, this is different than the current PHP run time limit. In the threads that I have seen, the users report back that OVH will not enable this standard PHP function.
Our demo import uses the WordPress import feature which uses this function, in other threads I have also tried manually importing, but this still requires the same WordPress import feature which again times out (cURL error 28)
If the manual import method fails due to the disabled PHP functions, I recommend importing your demo on a localhost install and using the Duplicator plugin to migrate/clone it to your OVH host, this has shown to work in the past.Best regards,
MikeHi,
Thank you for your patience, the reason the menu item “Facilities” shows twice on your mobile menu is due to the setting at Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu ▸ Clone title menu items to submenuSince you selected to display submenu items on click or on hover, the parent menu item does no longer navigate to the URL it contains, but toggles the visibility of its submenu items. If you want users to be able to open the parent menu URL the theme can create a clone of that item in the submenu
So you can disable this and mobile users won’t be able to go to your “Facilities” page.
Another option would be to use this function to change the first “Facilities” to something else like “Amenities” and the second “Facilities” will still link to the “Facilities” page.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function rename_parent_menu_item_in_mobile_menu() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.avia_mobile').on('click', '.av-burger-menu-main', function() { $('.menu-item-254 .avia-menu-text:first').text(function(index, text) { return text.replace('Facilities', 'Amenities'); }); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'rename_parent_menu_item_in_mobile_menu');
Then 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,
MikeHey Hans,
Thanks for your patience, I found this article: Add A Link To Latest Post To WordPress Nav Menu and it works for Posts.
I was able to adjust it to show the latest portfolio, but not for a specific category in the portfolio:
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:// Front end only, don't hack on the settings page if ( ! is_admin() ) { // Hook in early to modify the menu // This is before the CSS "selected" classes are calculated add_filter( 'wp_get_nav_menu_items', 'replace_placeholder_nav_menu_item_with_latest_post', 10, 3 ); } // Replaces a custom URL placeholder with the URL to the latest post function replace_placeholder_nav_menu_item_with_latest_post( $items, $menu, $args ) { // Loop through the menu items looking for placeholder(s) foreach ( $items as $item ) { // Is this the placeholder we're looking for? if ( '#latestpost' != $item->url ) continue; // Get the latest post $latestpost = get_posts( array( 'numberposts' => 1, 'post_type' => 'portfolio', //'category' => 1, //only works for posts if you comment out the post_type line above, portfolio_entries & taxonomy doesn't work either ) ); if ( empty( $latestpost ) ) continue; // Replace the placeholder with the real URL $item->url = get_permalink( $latestpost[0]->ID ); } // Return the modified (or maybe unmodified) menu items array return $items; }
and create a custom menu item with the URL #latestpost
Best regards,
MikeHey cappellettimax,
Thank you for your patience, I see that your images are cropped, so try installing the plugin Simple Image Sizes, then go to WordPress ▸ Settings ▸ Media ▸ shop_catalog size and change the cropping to “No”
then go to the bottom of the page and Regenerate the Thumbnails for that size.
Then clear your browser cache and any cache plugin, and check.Best regards,
MikeHi,
Thanks for your video, please note that when you save an Advanced Layout Builder page and then open it with the Block Editor the two versions of the page are not synced, this can cause errors with your page and we recommend that you don’t do this.
I have tried to recreate your error by creating a draft and previewing it and refreshing the draft page and editing it again but I couldn’t create the error on my test site, I also created a new “test draft” page on your site, and followed the same steps, except saving the page with the Block Editor, and had no issues.Best regards,
MikeHi,
Thank you for your patience, #1: this is the way it is, the posts work best using the “Classic Editor”.
If you were going to use the Grid style for the blog and only show a short excerpt under each featured image then you could use the ALB for the posts, but if you did you would need to manually create each excerpt in the excerpt field on the post because the ALB text fields are not able to show as excerpts, thus the reason the posts work best using the “Classic Editor”.
#2 You can keep the featured images and hide them from your full post blog page with this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.template-blog .big-preview.multi-big { display: none; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience and the screenshot, I see the page you are working on is not a product page so the Product Purchase Button element is not available, so instead you should use the Shortcodes included with WooCommerce in a code block element, for example to show an add to cart button for the product 261 with no price use this shortcode[add_to_cart id="261" show_price="false"]
if you want to show the price next to the button then just remove the argument show_price=”false” from the shortcode. When I looked at your pricing page it looked like you have the product price showing in a different element, to show the product price by ID with a shortcode, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_shortcode( 'product_price_shortcode', 'woo_product_price_shortcode' ); function woo_product_price_shortcode( $atts ) { $atts = shortcode_atts( array( 'id' => null ), $atts, 'product_price_shortcode' ); if ( empty( $atts[ 'id' ] ) ) { return ''; } $product = wc_get_product( $atts['id'] ); if ( ! $product ) { return ''; } return $product->get_price(); }
and then use this shortcode:
[product_price_shortcode id="261"]
If you want to show the product image, title, & price use the shortcode:[product id="261"]
Best regards,
Mike -
AuthorPosts