Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear that you have this sorted out, if you are using the WPML plugin then the theme setting panel is different for each language so you can just upload a different image. Then is not a built-in multi-language option because typically people use a plugin like WPML. So to do this without a plugin your method is correct.
As you have this sorted out, unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Ok, if you decide that you would like some help please include FTP access and the admin login to your site.Best regards,
MikeHi,
Sure, so first I copyied your page and created a test page to demonstrate /podcasting-test/ Then I enabled the right sidebar on the test page:
The screenshots will be from the Classic Editor, as I prefer it over the Block Editor. Then I created the three sidebar widgets to replace your “fake sidebar”
WordPress ▸ Appearance ▸ Widgets ▸ Sidebar Pages
Then in the backend I removed the sections not needed, and added a little css to remove the sidebar border:#top #main .sidebar.sidebar_right { border: none; } #top .container_wrap.sidebar_right .template-page.content { border-right: none; }
and added a little css so the sidebar will show on mobile centered:
@media only screen and (max-width: 767px) { .responsive #top #main .sidebar { display: block; width: 100%; padding-top: 0; } .responsive #top #main .sidebar .inner_sidebar { margin: 0; } .responsive #top #main .sidebar .inner_sidebar .avia_textblock * { text-align: center !important; } #top .container_wrap.sidebar_right .template-page.content { padding-bottom: 0; } }
Now if you compare the original /podcasting/ with the new /podcasting-test/ I don’t think you can tell the difference, except on mobile the sidebar is under the Podcast “Aircheck” and if you want to add this sidebar to other pages it will be easy.
Please clear your browser cache and check.Best regards,
MikeOctober 1, 2023 at 2:57 pm in reply to: Enfols multilanguage site using child and parents sub-directories on WP basis #1421013Hi,
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,
MikeOctober 1, 2023 at 1:48 am in reply to: Enfols multilanguage site using child and parents sub-directories on WP basis #1421002Hi,
Yes this is possible and I have made this modification to your site, but in doing so I found that your URLs are not the same across all three sites so you will need to change all pages on all sites to match, and you may not wish to do this, but I added the code so you can decide.
So to test this I added three test pages on these three sites:your french site is your core site with no “FR” in the URL, I know you know this but in the future people will want to know how this works 🙂
Anyways, I disabled your topbar menu and enabled the topbar Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text to hold the language switcher shortcode, you can easily switch back to using the topbar menu there if you wish.
This is the shortcode I added:[dynamic_lang_switcher lang="EN"] * [dynamic_lang_switcher lang="IT"] * [dynamic_lang_switcher lang="FR"]
on the frontend it shows the whole language word:
Then I added this code to the end of your child theme functions.php file in Appearance ▸ Editor on all three sites:function dynamic_language_switcher($lang) { // Get the current full URL $protocol = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://"; $current_url = $protocol . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]; // Base URL without language $base_url = $protocol . 'guidedtour.ch/'; // If the language is French, return the current URL without language segment if (strtoupper($lang) == 'FR') { $path = str_replace($base_url, '', $current_url); $segments = explode('/', trim($path, '/')); if (in_array($segments[0], array('EN', 'IT'))) { array_shift($segments); // Remove the language segment } return $base_url . implode('/', $segments) . '/'; } // Remove the base URL to get just the path $path = str_replace($base_url, '', $current_url); // Split the path into segments $segments = explode('/', trim($path, '/')); // Check if the first segment is a known language code if (in_array($segments[0], array('EN', 'IT'))) { // Replace the existing language code with the desired one $segments[0] = $lang; } else { // If the first segment is not a language code, prepend the desired language code array_unshift($segments, $lang); } // Construct the new URL $new_url = $base_url . implode('/', $segments) . '/'; return $new_url; } function dynamic_language_switcher_shortcode($atts) { // Mapping short language codes to their full word representations $language_names = array( 'EN' => 'English', 'IT' => 'Italian', 'FR' => 'French' ); $atts = shortcode_atts( array( 'lang' => 'EN' ), $atts, 'dynamic_lang_switcher' ); $url = dynamic_language_switcher($atts['lang']); // Display the full word representation, but link to the appropriate URL return '<a href="' . $url . '">' . $language_names[strtoupper($atts['lang'])] . '</a>'; } add_shortcode('dynamic_lang_switcher', 'dynamic_language_switcher_shortcode');
and now you can go to any of those three pages and click the new language switcher and go to the corresponding page in any language.
But unfortunately it looks like all of your other menu items don’t match across your sites.Best regards,
MikeHi,
Please include an admin login in the Private Content area so we can examine your site and assist.Best regards,
MikeHi,
Thanks for the feedback, I understand about the articles in the “fake sidebar” being split by the podcasting aircheck image, this is because the first article is in a different color section before the color section that the podcasting aircheck image is in.
To properly correct this I would recommend placing the three “fake sidebar” articles in real sidebar widgets and showing the sidebar on that page and delete the hidden elements I added. this will work much better. Please give this a try and if you get stuck we are happy to help.Best regards,
MikeHi,
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,
MikeSeptember 30, 2023 at 9:28 pm in reply to: New Block Editor Audio Player on Blog Archive Screen #1420989Hi,
Sorry we were not more 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 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,
MikeHi,
Unfortunately since our server is blocked the urls in the demo import will also be blocked.
I might be able to install the parallax demo manually for you if you can include FTP access and the admin login to your site.Best regards,
MikeHi,
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,
MikeHi,
It looks like the slider min height is 630px, try changing your image height to this instead of 430 so it won’t be stretched on desktop.Best regards,
MikeHey 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,
MikeHi,
I believe that you are refuring to this margin and padding of the pags, the red is the margin, and the green is the padding:
so if you change the dimensions to 100% it would remove the margin, and currently you have the padding set to 20px and you could adjust that until the designer is happy.
Or you could remove the padding and set the dimensions to a width that the designer is happy with and it would be a set amount for all screen sizes, so either way would give the same result.Best regards,
MikeHi,
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,
MikeHi,
Thanks for the link to your site, I checked the backend of your page <strong style=’color:#000′>/international/ and found that the Advanced Layout Builder was hidden, this was due the screen options box <strong style=’color:#000′>Avia Layout Builder was unchecked, I checked it and now it is showing:
I checked a couple of random pages and the <strong style=’color:#000′>Avia Layout Builder is also showing on those so it seems this is fixed all of them for this account, but you may need to check this for other accounts.Best regards,
MikeSeptember 30, 2023 at 1:59 pm in reply to: Header Sticky mobile – i found many obsolute and old solutions and question #1420956Hey 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,
MikeSeptember 30, 2023 at 1:49 pm in reply to: Quantity field no longer shows on product page for variable products #1420955Hi,
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,
MikeSeptember 30, 2023 at 1:28 pm in reply to: Apply custom link to the whole box of a portfolio grid #1420954Hey p3nmarketing,
Thank you for your patience, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function add_portfolio_custom_link_around_heading_content_open_new_tab() { ?> <script> (function($){ $('#av-sc-portfolio-1 .grid-sort-container .grid-entry').each(function(){ $link = $(this).find('a').clone().text(''); $(this).find('.grid-content').wrap($link); $(this).find('a').attr('target', '_blank') }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_portfolio_custom_link_around_heading_content_open_new_tab', 99);
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeSeptember 30, 2023 at 11:57 am in reply to: Enfols multilanguage site using child and parents sub-directories on WP basis #1420952Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header.av_header_transparency #header_meta { border-bottom: none; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeSeptember 30, 2023 at 11:48 am in reply to: Dynamic Posts CSS deleted when a page is duplicated and saved #1420951Hi,
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 pachnerweb,
The parallax demo only contains the Frontpage.
I checked your site and the Frontpage was set as the homepage and the blog which was causing an error, so I corrected:
and now your Frontpage shows correctly, please check.
If you want more demo pages try our Enfold 2017 Demo, or you can just clone and edit the parallax frontpage to suit.
Please note that typically installing multiple demos on the same site will override the theme settings with each demo, but you could try exporting the parallax demo theme settings at Enfold Theme Options ▸ Import/Export ▸ Export Theme Settings File and rename the frontpage so it won’t be overwritten and then import another demo and then import the parallax demo theme settings again. This should preserve the parallax demo frontpage but some of the styles and settings for the new demo may not be as expected, be you will have the page element structure that you can adjust to suit.Best regards,
MikeHi,
Thank you for your patience, I wanted to let you know that I have investigated this and couldn’t find a cause for this, so I asked the rest of the team for advice. I disabled the css that I recommended above so the team could easily see the issue, please retain the admin access above and reply so this thread stays on top in our list view, I just wanted you to know we are investigating. Thank you for your patience.Best regards,
MikeSeptember 29, 2023 at 12:08 pm in reply to: Enfols multilanguage site using child and parents sub-directories on WP basis #1420893Hi,
Glad that this helped, I found emoji flags here and added one to each of your menu labels, and this seemes to work good:
Please note that when you add a flag it looks like country code until you save it, but then it looks correct.
Please check and try this on your other sites.Best regards,
MikeSeptember 29, 2023 at 11:53 am in reply to: The Events Calendar mit Event Tickets Plus: Einstellungen ignoriert #1420891September 28, 2023 at 6:34 pm in reply to: Dynamic Posts CSS deleted when a page is duplicated and saved #1420832Hey Christie,
I recall another user having issues with their duplicating plugin, and they found the WP Code duplication script solved their issue, please give this a try.Best regards,
MikeSeptember 28, 2023 at 5:50 pm in reply to: The Events Calendar mit Event Tickets Plus: Einstellungen ignoriert #1420825Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor to disable the theme Events Calendar mods:add_action('after_setup_theme', function() { if(is_child_theme()) remove_action('tribe_events_template', 'avia_events_template_paths', 10, 2); });
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This should make the The Events Calendar files used instead of the theme’s modifications, so the single event page will have the default layout, but perhaps the plugin will work as you expect it.Best regards,
MikeSeptember 28, 2023 at 12:38 pm in reply to: Enfols multilanguage site using child and parents sub-directories on WP basis #1420797Hi,
Sorry my example may have been confusing, I checked your base site and see your language menu:
so this is good if you want to show the language menu in the topbar, to do so choose the menu location:
and then choose to show it in the theme settings:
Or you can add the language menu items to the main menu:
in this case you might wish to add a folder called “lang” or anything you wish to hold all of your language links, this is what I had in mind in my other screenshot
I hope this explains better.Best regards,
Mike -
AuthorPosts