Hi,

Thank you for the inquiry.

We tried to access the server via FTP but the login account seems to be invalid. Please check the info carefully or provide another account. Did you modify the layer slider shortcode in the child theme?

Best regards,
Ismael

Hey AndreaMantegazza,

Thank you for the inquiry.

1.) You can set the menu to switch to icon or burger menu earlier or when the screen width is less than 989px. The option can be found in the Enfold > Main Menu > General > Menu Items for mobile settings.

2.) Did you add custom code to move the onsale badge beside the price? It should be on top of the product image by default. To fix it, try to move the badge upwards with this css code.

#top .onsale {
    margin-top: -60px;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Glad to know that you managed to improve the css code. Now, regarding the layout shift, it seems that the script is still calculating the height of the grid content because we set the transition property to include all css properties including the position. To change it, try to set the transition property so that it only affect the opacity. Change this line..

transition: all 0.4s ease-in-out;

.. to.

transition: opacity 0.4s ease-in-out;

Best regards,
Ismael

Hey Kyle,

Thank you for the inquiry.

If you have an svg file of the Rumble logo, you can upload it to fontello and convert it to an icon file. You can then upload it in the Enfold > Import/Export > Iconfont Manager as a custom icon. You will then have to register the new social icon and assign the custom icon to it.

Please check the following documentation for more info.

// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

Best regards,
Ismael

Hey denisechapman,

Thank you for the inquiry.

Yes, this should be possible by editing the header.php template directly or by adding a widget area inside the header. For more info, please check the following documentation.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

You can also check the header layouts in the same documentation.

// https://kriesi.at/documentation/enfold/header/#header-layouts

Best regards,
Ismael

Hi,

The canonical URL actually exists in the posts as you can can see in the example below.

 	<link rel="canonical" href="https://e-site.com/b2b-koopsignalen/">

Are you using the Yoast plugin? You can manually enable it the plugin’s settings.

// https://yoast.com/help/canonical-urls-in-wordpress-seo/

Best regards,
Ismael

Hey Empatica,

Thank you for the inquiry.

You can try the solution that we provided in the following thread.

// https://kriesi.at/support/topic/portfolio-categories-into-url-permalink/#post-735882

These articles and documentation should also help.

// https://kellenmace.com/remove-custom-post-type-slug-from-permalinks/
// https://developer.wordpress.org/reference/hooks/post_type_link/

And you should also try this plugin.

// https://wordpress.org/plugins/wp-permastructure/

Best regards,
Ismael

Hi,

Glad to know that you figured it out.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thank you for the update.

We added a 1/1 column element inside the color section and move the text inside it. We then applied a background color to the column and set the transparency to 50%. Is that what you are trying to do?

Best regards,
Ismael

Hey Gavin,

Thank you for the inquiry.

This should be possible but we have to modify the single.php file template directly. We can use the default markup of the color section element and place it in the template file. Please edit the single.php file, remove everything and replace it with the following code.

// https://pastebin.com/nFnuKsas

You can add the featured image as usual and it will display as a full width element at the very top of the page.

Best regards,
Ismael

Hey AlpseeDesign,

Thank you for the inquiry.

Would you mind providing a link to a page containing the related posts section? By default, the theme is not using h3 tags for the titles of the related posts, so it might be generated by a plugin or a custom script. Did you modify the includes > related-posts.php file?

Best regards,
Ismael

Hey FlatText,

Thank you for the inquiry.

We edited the html and the javascript or jQuery script a bit, then add a few css code to hide the option initially.

jQuery:

$(".ywapo_input_container_checkbox").on("click", function() {
	var checked = $(this).find("input").is(":checked");
	var option = "." + $(this).find(".ywapo_option_label").text().toLowerCase();

	if(checked) {
		$(option).toggle();
	} else {
		$(option).css("display", "none");
	}
});

HTML:

-- checkboxes here --
<div class="ywapo-option">
    <p class="breakfast">Breakfast</p>
    <p class="lunch">Lunch</p>
    <p class="dinner">Dinner</p>
</div>

CSS:

.ywapo-option p {
    display: none;
}

We are not sure if this fiddle link is going to expire, so we added the changes above.

// https://jsfiddle.net/zmy8xuf0/15/

Best regards,
Ismael

Good morning there!

We took screenshots of the site on Firefox and Microsoft Edge. The menu item is displaying properly on both browsers. Please check the screenshots below.

Screenshot: https://postimg.cc/gallery/5zCXmfc

We are not really sure why it is not displaying on your end.

Best regards,
Ismael

Hi!

Yes, that is possible. We wrapped the code inside a css media query so that it will only affect the desktop view. Please try it again.

Cheers!
Ismael

Hey Colferg,

Thank you for the inquiry.

You should edit the column containing the text blocks with right alignment and apply a unique class name or ID to it so that you can style it differently on mobile view.

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

You can use this css code to adjust the text alignment of the text block and remove the left margin of the column.

@media only screen and (max-width: 767px) {
    .custom-css-name {
	margin-left: 0 !important;
    }

    .custom-css-name .avia_textblock p {
	text-align: center !important;
    }
}

Make sure to replace “custom-css-name” with the actual class name of the column.

Best regards,
Ismael