Forum Replies Created
-
AuthorPosts
-
Hey Highlander-2013,
Thanks for the link to your site, I see that you are using a color section with a background image, and in the color section you have a column with a text block with text and a button.
It looks like you have created similar to a Hero Header or a slider with only one image.
The problem you are having is the color section has a minimum height of 500px and the scroll down arrow is designed to show at the bottom of the color section.
So at 1024px bottom of the color section is below the image because the minimum height is 500px

At 425px mobile, your text block and button is larger than your image, so while the element minimum height is 500px the image is only about 175px

To correct this I recommend making the color section background image size contain the height of the color section so it will fill to the bottom, and moving the image position over 50% so the person will show, and moving the text block and button up. Please try this css:
@media only screen and (max-width: 1024px) { #main #av_section_1 { background-size: cover !important; background-position-x: 50% !important; } } @media only screen and (max-width: 672px) { #start-header-gesamt-box-mobil #start-header-box { margin-top: -370px !important; } }this is the expected results for mobile 425px:

this is the expected results for mobile 1024pxpx:

Best regards,
MikeHi,
Glad to hear, 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,
MikeAugust 28, 2022 at 3:33 pm in reply to: Header disappears under the photo on the mobile phone #1362982Hey tomcusters,
Thanks for the link to your site and the screenshot, please take a look at your second color section options, for mobile it has parallax activated and this is why the “Strand” text is not overlaying the top image, for desktop parallax is not activated.
I’m not sure why the parallax is activated, as I don’t see a background image there, but you can compare it to the settings of the second color second on the “Omgeving” page as it doesn’t have this issue.
This css should correct the issue:@media only screen and (max-width: 1024px) { #av_section_2.av-parallax-section { overflow: visible; } #av_section_1 .av-section-color-overlay { opacity: 0; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Charlie Nicholls,
I included a DropBox link below to the final version below from 2018, v4.4, which is no longer supported.
Please note that at the time it worked with PHP v7.1, so it probably will not work with PHP v8
it was also compatible with WooCommerce v3.3.0, so it probably will not work with the latest WooCommerce.
Also, note that you will need to use WordPress v4.9.9, we closed support for it before WordPress v5 because we didn’t find it practical to update it for v5.In order to use the Replete theme you will be open to many risks, I would recommend starting to work on a new updated site with Enfold, you will need to set aside some time to manually recreate the site, as there is no migration option.
Best regards,
MikeHi,
I believe your errors are because your theme is out-of-date, but either way, you will need to update first.
If you have a copy of the header.php or the footer.php in your child theme please also remove these from your child theme before you update.
Also, check your web host PHP version and ensure that you are using at least version 7.4.
If you are afraid that your site might crash after you update, then you should use your web host backup tool and make a complete backup of your site, I do not recommend using a backup plugin unless you have personal experience with restoring from a backup with it, as many backup plugins do not restore as expected.Best regards,
MikeHi,
Please add the css code above to the Enfold Theme Options ▸ General Styling ▸ Quick CSS field.
If you still find trouble with this please include an admin login in the Private Content area so we can help.Best regards,
MikeHi,
Thanks for your question, to make your red reservation icon half of its size on mobile you could use this css:@media only screen and (max-width: 767px) { .avia-icon-list.av-iconlist-big .iconlist_icon { height: 32px; width: 32px; line-height: 32px; font-size: 16px; } }but this will also affect some of your other icons, so you should add a custom class to all of your reservation icons and modify the css to include the custom class.
The two icons in your footer, RG and Blue Book, have a width of 12.5% on desktop, and a width of 48% on mobile, so to make them have a width of 12.5% on mobile you could use this css:@media only screen and (max-width: 767px) { .responsive #top #wrap_all .slide-entry.av_one_eighth { width: 12.5%; } }If you find this affecting other icons then you could also add a custom class to them.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Glad Rikard 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,
@scotthill89 Unless there is anything else we can assist with on this issue, shall we close this then?
@Guenni007 thanks again for your help, and thanks to @Yigit for adding these to our documentation.Best regards,
MikeHey TSPCart,
Thanks for your question, please try adding this css to your Quick CSS:.sidebar .widget { text-align: center; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
An easier way to update your version of Enfold, instead of using FTP is to download the latest 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 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 27, 2022 at 2:09 pm in reply to: Enfold 5.0 – Layerslider Background Video Safari Browser #1362930Hi,
Unfortunately, the team was unable to reproduce the issue on your site with their iPhones, but since we have not had any other reports of this, perhaps is an iPhone 13 specific issue?Best regards,
MikeHi,
Unfortunately, the team was unable to reproduce the issue on your site with their iPhones, but they recommend applying a maximum height to the column. This will prevent the whole content from jumping on scroll.
I personally don’t have an iPhone, but since we have not had any other reports of this, perhaps is an iPhone 13 specific issue?Best regards,
MikeHey markusroesslersugabeet,
Thanks for your question, when you use the Gutenberg editor the Enfold Advanced Layout Builder options will not apply, so you will only be able to use the options offered by the Gutenberg editor.
The Advanced Layout Builder will not edit the “archive/” , “category/” or “tag/” lists.
If you want to change category page layout to blog single big style, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'single-big'; return $layout; }to do the same for the tag page, also add this to your child theme functions.php:
add_filter('avf_blog_style','avia_change_tag_blog_layout', 10, 2); function avia_change_tag_blog_layout($layout, $context){ if($context == 'tag') $layout = 'single-big'; return $layout; }Best regards,
MikeHey Magdalena,
Thank for your question, but the full-width submenu element is not designed to be sticky on mobile, in the element settings, the sticky option says that it is ignored on mobile.
To make the full-width submenu element sticky on mobile please add this custom ID sticky_on_mobile

Then add this css to your Quick CSS:.sticky-top { position:fixed!important; top:0!important; z-index:1000!important; }Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_sticky_submenu_on_mobile_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $(function() { var width = $(window).width(); var scroll_start = 0; var startchange = $('#sticky_on_mobile'); var offset = startchange.offset(); if (startchange.length){ if (width <= 989) { $(document).scroll(function() { scroll_start = $(this).scrollTop(); if(scroll_start > offset.top) { document.getElementById('sticky_on_mobile').classList.add('sticky-top'); } else { document.getElementById('sticky_on_mobile').classList.remove('sticky-top'); } }); } } }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_sticky_submenu_on_mobile_script');Then clear your browser cache and check.
Best regards,
MikeAugust 27, 2022 at 12:25 pm in reply to: Horizontal Gallery on mobile phones: can I jump directly into the lightbox? #1362922Hi,
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,
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 badoes,
I believe that this issue may be related to your other thread, where you are using an old version of Enfold and you should update. Please check.Best regards,
MikeAugust 26, 2022 at 1:27 pm in reply to: Warning: Cannot modify header information – headers already sent by (output star #1362879Hey badoes,
Thanks for your question, the file creating this error is a core WordPress file and not an Enfold file: /public_html/wp-includes/functions.php
the error line 5831 is a part of WordPress Debug notice for developers and your Sitediagnose recommends that you disable the WordPress Debug:

I also see that you are using an old version of Enfold: v4.7.6.4 with no Envato persoonlijk token, please enter a valid token and update to v5.1.1
If you have trouble updating your version of Enfold you may need to download the latest 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.

After you update, you may also need to update your child theme footer.php as it has changed in the latest version and your old one will probably cause errors, I also see that your child theme has quite a lot of custom files.
I believe that the cause for the error is because Enfold v4.7.6.4 didn’t support the Gutenberg Widget interface at that time, so updating should solve.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,
MikeHi,
Ok, we will leave this open while you try in case you have any further questions, once you are successful please let us know that we can close the thread.Best regards,
MikeHi,
Thanks for your question, if you are using Enfold v3.8 then you must manually update because that version will not accept the Envato Token and will only use the Envato API which Envato has disabled. Second, if your PHP is v7.3 then you must update to v7.4, then update Enfold to v5.1.1, then update WordPress to v6+, then you can update to PHP v8+
To update your version of Enfold you will need to download the latest 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.
Before you do anything else !!
Please backup your site with your webhost full site backup tool.
Please do not rely on a backup plugin unless you have personal experience restoring from such a backup!
Many backup plugins only backup and do not restore!Best regards,
MikeHey patde22,
Thanks for your question, as I recall there was an update issue with that old version, when I check your site the Debugging Info for Theme support says that Updates are disabled.
To update your version of Enfold you will need to download the latest 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,
MikeAugust 25, 2022 at 10:59 pm in reply to: Show category in Masonry gallery with link to overview posts in that category #1362840Hi,
Please include an admin login & a direct link to the page in your screenshot in the Private Content area, so we can examine.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, unless there is anything else we can assist with on this issue, shall we close this then?
Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, 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,
Mike -
AuthorPosts


