Hi,
Envato stopped using the API key a few years ago, they now use a Token, you will need to manually update and then create a new Token and then future update will work. You can not enter a Token code into a API key field, it will not work.
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,
Mike

Hey Jay,
Thank you for the link to your site, I tested your contact form at the top of your page and it worked for me, but your site is slow so I had to wait a while.
Try enabling the theme setting: Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression perhaps that will help, or you could try a caching plugin like WP Fastest Cache

Best regards,
Mike

Hi,
Thanks for the feedback, I have checked your site with my Android phone with Chrome & FireFox and found no issues, I then checked with Windows in Chrome, Firefox, & Edge using the Dev Tools to emulate mobile devices, and found no issue with the mobile menu. I don’t have a iPhone but I have a desktop Mac, so I checked with Chrome & Firefox using the Dev Tools to emulate mobile devices, and found no issue with the mobile menu.
I then checked with Safari using the Responsive Design Mode to emulate mobile devices, and there the burger menu overlay didn’t close, so the issue showed.
So I noted that you are using anchor links in your menu for a one page link layout and you are using a full page overlay menu for mobile, so I used the same settings on my Dev site, linked below, and then checked with Safari and found no issue with the mobile menu overlay. Please check my site below with your iPhone.
So my testing seems to point to a issue only with Safari, and only on your site, I see that you are using the latest version, v5.6.9 so I recommend that you try disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the conflict.
PS, when I turned on my Mac it updated the Safari to v17, so if you see the error on my site with your iPhone check if there is an update, just to rule this out as a cause.

Best regards,
Mike

Hi,
To text align the team-member-description to the left and keep the title centered we will need to use custom css for that page only because on some other pages you do want the team-member-description centered. Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-2681 .avia-team-member .team-member-description {
	text-align: left;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try adding this css:

#top .av_toggle_section .toggle_content {
	text-align: left;
}

Best regards,
Mike

Hi,
For email, phone, map, try this in your widget:

<ul class="contact2">
    <li class="mail"><span class="in2"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon] (Email address hidden if logged out) </a></span></li>
    <li class="phone"><span class="in2"><a href="tel://1-555-555-5555">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]1-555-555-5555</a></span></li>   
    <li class="map"><span class="in2"><a href="https://maps.google.com">[av_font_icon icon='ue842' font='entypo-fontello' size='20px'][/av_font_icon]maps.google.com</a></span></li>
</ul>

the expected results:

If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets.
When you add the custom social bookmarks widget code to the WP Code plugin ensure that the “type is set to PHP:



also add the css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

the expected results:

Please note that these icons are from your social profiles settings:

Best regards,
Mike

Hi,
The accordion toggle text can be centered but not the accordion “plus” icon. So to center the text and remove the “plus” icon try this css:

#top .av_toggle_section {
	text-align: center;
}
#top .av_toggle_section .toggle_icon {
	display: none;
}
.js_active #top .av_toggle_section .toggler {
	padding: 9px 0;
}

Best regards,
Mike

Hey whdsolutions,
Thank you for the link to your site, this issue is dur to your top padding, it looks like a custom value:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 240px;
}

It looks like 260px would be correct.

Best regards,
Mike

Hey sharynt3,
Try this social icon widget code.
Or this social icon shortcode
For icons next to phone or email in footer widget, try this solution.

Best regards,
Mike

Hey sharynt3,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-team-member {
	text-align: center;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.home .slideshow_align_caption {
	text-align: center;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
This sounds like when you are testing you are trying to emulate different screen sizes by resizing the browser widow without reloading the page. Often javascript needs to be reloaded for the screen size calculation to work correctly. PHP can’t determine the users screensize so javascript is used and it doesn’t work on the fly like CSS.
Typically this doesn’t cause any errors in a real life situation because real devices don’t change from smaller than 390px to a desktop size suddenly, so the correct way to test is to reload the page when you change the size dramatically and you know the element is using javascript like the LayerSlider.
Developers will sometimes add a javascript Event Listener for the resize event, but typically this is viewed as unnecessary and adds overhead to the page.
So I recommend reloading the page when you test, but if you really want to change this you could add this script to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_reload_script() { ?>
  <script>
var resizeId;
window.addEventListener('resize', function() {
    clearTimeout(resizeId);
    resizeId = setTimeout(doneResizing, 500);
});

function doneResizing(){
    location.reload();
}
</script>
  <?php
}
add_action( 'wp_footer', 'custom_reload_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad that this helps. We don’t have a built-in option to blur the image, but you can add a custom class blur-background to the color section advanced tab for Custom CSS Class:

Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-section.blur-background .av-parallax .av-parallax-inner {
    filter: blur(6px);
}

feel free to adjust the number to suit.

Best regards,
Mike

Hey andre_h_,
Thanks for the links to your example pages, I believe that you are referring to the parallax effect, where there is a fixed image and the rest of the page scrolls over it, like in this example that I created:

To create this I added a color section at the top of the page and set the height to 50% of the screen, and then added a background image with the Background Attachment set to Parallax

Then I added a special heading to the color section and under it with a masonry gallery at the bottom of the page, is this what you are trying to do?

Best regards,
Mike

Hi,
The only DocCheck plugin that I could find has beed closed on the WordPress library: doccheck-login

is this the one that you are referring to?
I assume that the plugin is tring to modify the headers to add it’s own login cookie and the plugin should call ob_start() at the top of the script to buffer the output.
Try contacting the plugin author to see if they are working on a solution for this, we are limited to the support that we can provide for third party plugins.

Best regards,
Mike

Hey smarta-brett,

Please try the following in Quick CSS under Enfold->General Styling:

.home .avia-slideshow-button {
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

Best regards,
Rikard

• This reply was modified 2 years, 4 months ago by Rikard.

Hey Angelo,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
    vertical-align: middle;
 }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey woogie07,
Thank you for the link to your site, to change the background color of the top menu try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .header_color .header_bg {
	background-color: #706f6f;
}

then to change the color of the menu links go to Enfold Theme Options ▸ Advanced Styling ▸ Menu Links
Then clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey sharynt3,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-slider-testimonials.avia-testimonial-wrapper {
    overflow: visible;
}
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-slideshow-arrows {
	transform: translateY(0px);
}

This will please the arrows at the bottom of the element.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike