Hi,
Glad to help, so on the /podcasting-test/ page you are not seeing Steve’s Podcasting Articles under the Podcast “Aircheck” like this?

I see this in chrome dev tools emulating a mobile device and in my Android mobile.
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.
What device are you using? Perhaps try disabling your maintenance mode and check again.
I added the css to your WordPress ▸ Customize ▸ Additional CSS perhaps this will help your device.

Best regards,
Mike

Hi,
Thank you for the link to your site, I found that you are not using a child theme and I didn’t see any other code snippet plugins, so I added the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets.
I then added the function temporary_removal_title_tags and cleared my browser cache and now the titles are not shown on mouse-over:

please clear your browser cache and check. Please note Safari 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

Hi,
Thank you for the link to your site, I see the css from the other thread is in your Quick CSS:

#top #wrap_all .avia-slideshow .av-slideshow-caption .avia-caption-title {
    font-size: 36px;
}
#top .avia-slideshow .avia-caption-content p {
    font-size: 20px;
}

and on your /news/ page you are only using 8 slides, when I change to 12 by cloning the last iten 4 more times and clear my browser cache and check with Windows in Chrome, Firefox, & Edge & Mac in Safari, Chrome, Firefox all items show correctly.
Perhaps when you added the other items your cache was not fully cleared, Please note that Safari 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.
I removed the extra items, please try adding the new slides that you want and clear your cache, perhaps a couple of times, and if that doesn’t help please let us know so we can look and help.

Best regards,
Mike

Hi,
Perhps there was an error when you added it, because it works when I tested it on your site. Please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hey daves1997,
Thanks for the login, I checked your page and when you edit the text block element with the “visual tab” you will see it like this:

when the “text tab” is used you will see the HTML code like this:

This is the normal and correct behavior, I found no errors.

Best regards,
Mike

Hey Karin_Tara,
Try this solution I tested it on your page and it removes the title on mouse-over but still allows the lightbox to show the title under the image in lightbox.

Best regards,
Mike

Hi,
Ok, if you decide that you would like some help please include FTP access and the admin login to your site.

Best regards,
Mike

Hi,
You can remove the asterisc, that was only an example.
As for the URLs and SEO, I’m not a SEO expert so please research this, but I thought of two options, when you use the Classic Editor you can change the URL to something different than the page title, so I’m thinking that you can for example, change all of the “About” pages to use the URL slug of /about so the language switcher will work, and leave the titles in the appropriate language, like this:

you would need to do this for each language.
Or you can use a redirect plugin and manually add your pages and the corresponding page for each language, here is an example from the plugin page:

you would need to do this for each language, but all of these redirects will be “301” and I’m not sure if this is bad for SEO, it may be.
All in all, either of these will be a lot of work, if it was my site I think that I would just use the original menu and assume that if someone landed on the EN site and they really wanted the FR site, that they would be fine with going to the FR homepage. But I probably have not thought about it as much as you have.
I hope this helps.

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can examine your site and assist.

Best regards,
Mike

Hi,
To add custom images before menu items for both regular submenus and mega menus like this:
Main menu items:

Regular submenu items:

and mega menu items:

Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_image_before_menu_item_based_on_class($items) {
    // Define the images for specific CSS classes.
    $class_image_mapping = array(
        'custom-class-1' => 'https://swisspecial.com/wp-content/uploads/2023/09/png-e1695487023144.png',
        'custom-class-2' => 'https://swisspecial.com/wp-content/uploads/2023/09/siberian-husky-e1695493493574.png',
        // ... add more class-to-image mappings as needed
    );

    // Loop through each menu item
    foreach ($items as &$item) {
        // Check if any of the item's classes matches our custom classes
        foreach ($item->classes as $class) {
            if (isset($class_image_mapping[$class])) {
                // If a match is found, prepend the image to the title
                $item->title = '<img src="' . esc_url($class_image_mapping[$class]) . '" alt="" style="margin-right: 5px;width: 30px;vertical-align: middle;margin-left: -15px;" />' . $item->title;
                break;  // exit the loop once the first match is found
            }
        }
    }
    return $items;
}
add_filter('wp_nav_menu_objects', 'add_image_before_menu_item_based_on_class');

Note the custom classes have the image path assigned, and also not the inline css to set the width of the images and the margin and the vertical-align, while these work well in my example, you may wish to adjust to your specific menu style.
Then click on the Screen Options tab at the top-right corner of the screen in the menu panel and check the box next to “CSS Classes”, then click on any menu item to expand it. You will see an option named “CSS Classes” where you can add a custom class.

Best regards,
Mike

Hey slikslok,
Thanks for the link to your page, when I check your logo is changing based on the language, did you already sort this out?

Best regards,
Mike

Hi,
For the image that overlaps the text at the bottom of your page, I added a little padding between the text and image:

fell free to adjust if you want more space.
Your other page was much harder because of the column structure, I added this css:

@media only screen and (min-width: 768px) and (max-width: 1280px) { 
	.podcast-image,
	.avia-image-container.avia-align-center.podcast-image {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1160px) { 
	.podcast-image,
	.avia-image-container.avia-align-center.podcast-image {
		margin-top: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 989px) { 
	.responsive #top.page-id-1313 .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div{
		width: 20%;
		position: absolute;
        right: 0;
        top: -50px;
	}
	.podcast-image, .avia-image-container.avia-align-center.podcast-image {
    margin-top: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px){
.responsive .av_one_half.avia-builder-el-14.first.el_before_av_one_fourth.flex_column_div {
	width: 72%;
}
}
@media only screen and (max-width: 767px) { 
	#top.page-id-1313 #av_section_3 .template-page.content {
		padding-bottom: 0 !important;
	}
	#top.page-id-1313 #av_section_4 .template-page.content {
		padding-top: 0 !important;
	}
}

and I made some extra elements on the page to show at the mobile size, in my test it seems to be working, please clear your browser cache and check.
for tablet before the mobile break you will see that the right side “sidebar” items look like that are in a sidebar, Please see the screenshot in the Private Content area.
and then at mobile they become full width and are under each other, Please see the screenshot in the Private Content area.
If you don’t see it this way try clearing your cache a few times.

Best regards,
Mike

Hey steveorrmedia,
Thank you for your patience and the links, so based on your description for the first three issues, that are all for heading text being cut off at screen sizes below 480px, while it is possible to break the words with a hyphen, I don’t think this will look good so a better option is to reduce the font size for small screens.
The Special Heading element that you are using on these three pages has an option to do this, please go to the styling tab and look for Heading Font Sizes then click the icon for the small device screen and adjust the font size to about 37px.

You could also adjust the Subheading Font Sizes if you wish. I did this for your /message-development/ page special heading, and now the text fits at the smallest screen sizes, please clear your browser cache and check, and then try this for your other pages.
Fot your last issue with the logos being too close together on small mobile when they are in a single column, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 479px) { 
	#top .avia-logo-element-container .slide-entry {
    padding: 10px;
	}
}

and feel free to adjust the 10px to suit if it is not enough
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,
If I am understanding correctly you want to line up the logo with the left margin and padding starting at 768px

but doing this makes the logo over lap your menu items because the white space of the logo is so large, try trimming down the logo so it has no white space:

then I think this css will work:

@media only screen and (min-width: 768px) { 
.html_header_top #top .av_header_stretch .container {
	width: 90%;
	padding: 0px 50px;
}
}

Best regards,
Mike

Hey Raph,
The sticky header can depend on your heading settings, this is why there is not one solution for everyone. Please link to your site so we can help with a solution for your site.

Best regards,
Mike