Hi,
Thank you for the feedback, this has been reported to the dev team, once we hear back we will reply here. Thank you for your patience.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the login, I tested your page image links but I found that some of them are being redirected with your Yoast plugin, please check your “Redirects – Yoast SEO” options and remove the appropriate entries.

Best regards,
Mike

Hey rixi,
Sorry for the very late reply and thanks for the link to your page.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 630px) { 
	#top #plugins .av-section-tab-title {
    padding: 5px 10px 0px 10px !important;
    width: 18% !important;
}
#top #plugins .av-tab-section-tab-title-container {
	    background-color: #F1F1F1 !important;
}
#top #plugins .av-inner-tab-title {
	    font-size: 10px !important;
}
#top #plugins .avia-tab-title-padding-none .av-outer-tab-title {
    left: 12px !important;
}
}

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

Best regards,
Mike

Hi,
Sorry for the late reply, I tried setting min heights for the color sections that contain plugin shortcodes, without success.
I note the menu highlighting seems fine until “Venue” and then all menu items after are offset by one.
I also see that you are getting an error in the browser console because your child theme functions.php is pointing to a file avia-snippet-sticky-header.js that doesn’t exist with this:

add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
function wp_change_sticky_header_script() {
   wp_deregister_script( 'avia-sticky-header' );
   wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
}


add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

I commented this out as you don’t have a child theme /shortcodes/ directory, nor an /js/ directory.
Then I added this code as a workaround:

function custom_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
  	$.fn.isInViewport = function () {
    let elementTop = $(this).offset().top;
    let elementBottom = elementTop + $(this).height();

    let viewportTop = $(window).scrollTop();
    let viewportBottom = viewportTop + $(window).height();

    return elementBottom > viewportTop && elementTop < viewportBottom;
};
  $(window).scroll(function () {
    if ($('#venue').isInViewport()) {
    	$('li#menu-item-138').addClass("current-menu-item");
    	$('li#menu-item-139').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-138').removeClass("current-menu-item");
        
    }
    if ($('#hotel').isInViewport()) {
    	$('li#menu-item-139').addClass("current-menu-item");
    	$('li#menu-item-138').removeClass("current-menu-item");
    	$('li#menu-item-140').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-139').removeClass("current-menu-item");
        
    }
    if ($('#team').isInViewport()) {
    	$('li#menu-item-140').addClass("current-menu-item");
    	$('li#menu-item-139').removeClass("current-menu-item");
    	$('li#menu-item-141').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-140').removeClass("current-menu-item");
        
    }
    if ($('#sponsors').isInViewport()) {
    	$('li#menu-item-141').addClass("current-menu-item");
    	$('li#menu-item-140').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-141').removeClass("current-menu-item");
        
    }
});
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

This seems to be working well for desktop, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, for your biography page I see that you have a color section with a background image, with a 2/3 text block in the color section. With this setup at 768px (tablet) the text is over about half of your image (1)
as the screen width becomes larger the text floats to the right until the text is next to the image, as in your friend’s screenshot.
On my desktop the text is just a little over the image and looks good, perhaps adding a transparent background color to the text would help display the text better, but this would not help when the text is over most of the image.
Your mobile solution works well.
Anyways, I would suggest using a grid row element, with two cells, and the image on the left and the text on the right, this will help keep the text off of the image (2)
I created a test page to show what I mean, please see the link in the Private Content area.
So please review this and see if this might work for your vision of your site.
Merry Christmas and a Happy New Year 🎄

Best regards,
Mike

Hi,
Glad to hear you were able to correct this manually, I can imagine it was not fun, but it is better to correct the HTML tags than try to use css to just change the color. Well done, we will close this now. Thank you for using Enfold.
Merry Christmas and a Happy New Year 🎄

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thank you for the feedback, I do see that on the product page changing the quality doesn’t change the price. I see in my browser console there is a javascript error for https://[strange-domain].xyz/scripts/trackjs.js if you can disable your tracking script to test it would help. Javascript errors can cause strange issues, also please check that you are not forcing jQuery to load in the footer at Enfold Theme Options > Performance > Load jQuery in your footer
I’m still not clear on how this is working, so it looks like the woocommerce element is loading with data, is this data dynamic from the plugin? Or does the plugin update the woocommerce database on a schedule?

Best regards,
Mike

Hi,
Thank you, we will close this now. Thank you for using Enfold.
Merry Christmas and a Happy New Year 🎄

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I researched this further and Yoast was the only solution I found. The links are technically correct, but I could probably remove the “home” from the links with jQuery.
Are you using most of the features of Yoast, or just for this?
If you are going to use Yoast, then I would recommend using their solution.

Best regards,
Mike

Hi,
Oh, I understand now, sorry. So we don’t have a specific “login” position, but often people will use the Enfold Theme Options > Header > Extra Elements > Phone Number or small info text area, this is an area above the header.
For in the header, often people will create a menu item called “login”, this method also adds the item to the mobile menu, which is popular.
Since you had asked about placing it next to the social icons, I explained the “social icons” method above.
Do you have a specific location in mind?

Best regards,
Mike

Hi,

@sitibus thank you for posting your admin login, although since this is not your thread the original author can also see the login. I recommend removing this user and starting a new thread. I do not see the Enfold theme installed on your site, and deactivated.
Please install, but don’t activate.
If activating the theme crashes the site we will also need ftp access to correct after the crash, please include it in the Private Content area of your new thread.
I also see that this is a built site with another theme and many plugins, is this a live site, do you have a test site?
I’m not sure how your current plugins will behave with Enfold, I recommend deactivating all plugins before activating the theme, did you try this?

Best regards,
Mike

Hi,
Perhaps I’m not understanding correctly, on the linked product page above, you are using variations, for quantity, but every variation is the same price? Is this intentional? I also notice that changing the quantity buttons next to the checkout button doesn’t change the displayed price but it is shown in the checkout.
But once I’m in the checkout the quantity buttons work correctly, so the issue is with the quantity buttons on the product page correct? I would like to try this structure on my localhost, can you export the product and link in the Private Content area?
What do you mean by “The programmer from the affiliate program” is this an add-on plugin?

Best regards,
Mike

Hi,
If you want to modify the theme files, I believe you would need to edit: \wp-content\themes\enfold\includes\helper-main-menu.php which would be more contemplated.
Can I ask why you would want to modify the theme files versus using a built-in object, such as the social icons?

Best regards,
Mike

Hi,

@Guenni007 thank you for pointing out this solution, and the jQuery Migrate issue.

@Alexander2021 thanks for posting a login token by it didn’t work for me. Anyways, I see this error in the browser console:
Uncaught SyntaxError: Unexpected token '!' >> siteground-optimizer-combined-js-cb7bf8c77e4408bb1dc8aa56163b4b79.js:77
Please disable all caching and check again, but you may also want to try the jQuery Migrate solution @Guenni007 linked to above.
I’m glad to hear that you liked the solution I posted, but you may find @Guenni007’s solution better because you can easily wrap any text with the shortcode to hide based on language, [polylang lang="en"]...[/polylang], just a suggestion.

Best regards,
Mike