Hi,
To correct the mega menu items please change this part:

.avia-menu>ul.av-main-nav>li.menu-item .avia-menu-text,
.avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
	display: flex;
    justify-content: center;
}

to this:

.avia-menu>ul.av-main-nav>li.menu-item>a> .avia-menu-text,
.avia-menu>ul.av-main-nav>li.menu-item-search-dropdown {
	display: flex;
    justify-content: center;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
to correct the two words “Get Involved” please try to adjust the font size for the screen width, you will need to go a little smaller when that occurs, it looks like 17px instead of 18px works.

Best regards,
Mike

Hi,
OK, you should use this filter.

Best regards,
Mike

Hey InekeWerkt,
I see that you are using an old version of the theme that doesn’t support PHP v8 you are using Enfold v4.8.6.2
PLease update to v5.6.6, you may need to manually update with the instructions below, but please first note that if your child theme has a custom header.php or footer.php you will need to remove these and then after the update make new custom header.php or footer.php from the current files. It would be better to not use custom header.php or footer.php at all as most update issues are a result from these custom files.
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

Hi,
Thank you Guenni007, Tim I updated the css with Guenni007’s new css, please clear your browser cache and check following the steps to also clear your history.
While this new css is working for me I see that it only works below 989px and as Guenni007 has pointed out some iPads are 1024px and others are larger.
If this is not working for you please use this link screen resolution and post your iPad screen resolution for both portrait and landscape that you want this to work for and we can adjust.

Best regards,
Mike

Hi,
Thanks for the link to your page, I think the solution will need to have the hotspots only show on click, not on hover like it is now. Will that be ok?
I’m thinking that this script could be modified to also allow the right side links to also open the tooltips, please include and admin login so we can try.
What is your plan for mobile devices? Currently below 767px the tooltips are displayed below the image and do not popup, are you going to keep it like this?

Best regards,
Mike

Hi,
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey Sebastian,
Thanks for the link to your page, the email and phone number both have html links, please see the screenshot in the Private Content area.
The problem is that the element already has a link to your contact page, this is not working because you can’t have a link inside of another link, this results in a conflict.
Please try a different approach for displaying the email and phone number links

Best regards,
Mike

Hi,
Yes, see the screenshots above.

Best regards,
Mike

Hi,
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,
Mike

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

#top.single-post .avia-image-container.avia-align-left {
    margin-right: 0;
}
#top.single-post p > i {
	font-size: 12px;
}

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,
Mike

Hi,
I can get the menu items to be in one row starting at 768px with this css:

@media only screen and (min-width: 768px) { 
	#header_main_alternate > .container {
		margin: auto;
		padding: 0;
	}
	#top #header .av-main-nav > li {
    padding: 0;
    }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
but not spaced equally across the whole width of the navigation.
After applying the css, please clear your browser cache and check.
the expected results:

Best regards,
Mike

Hi,
It looks the same as before to me:

Best regards,
Mike

Hey jamesbarrell,
For your mobile menu, it looks correct up to 767px:

but at 768px it looks like you have some custom css that adds a burger menu to the left of the logo:

so please find this custom css and remove it:

@media only screen and (max-width: 1366px){
nav.main_menu {
    display: block !important;
}
}

that should fix it to look like this:

Best regards,
Mike

Hi,
I believe Nikko made the chage at Enfold Theme Options ▸ Theme Options ▸ Where Do You Want To Display The Blog
I believe the image is added by your custom function in your child theme functions.php:

function add_custom_header_image() {
	if ( is_single() || is_archive() ) { ?>
    	<div class="single-header-image"><br><br></div>
		<div class="breadcrumbrow" style="background-color: #f8f8f8;"><div class="container" style="padding-top:3px;">
					<?php echo do_shortcode('[av_breadcrumbs]'); ?></div></div>
<?php }
}
add_action( 'ava_after_main_title', 'add_custom_header_image', 10 );

To show the image and breadcrumb in the above function on the blog page you would add !is_front_page() && is_home()
like this:

function add_custom_header_image() {
	if ( is_single() || is_archive() || !is_front_page() && is_home() ) { ?>
    	<div class="single-header-image"><br><br></div>
		<div class="breadcrumbrow" style="background-color: #f8f8f8;"><div class="container" style="padding-top:3px;">
					<?php echo do_shortcode('[av_breadcrumbs]'); ?></div></div>
<?php }
}
add_action( 'ava_after_main_title', 'add_custom_header_image', 10 );

I did this for you, please clear your browser cache and check the blog page

Best regards,
Mike

Hi,
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,
Mike