Hey turistai,

Please try changing code to following one

#top.single-post .post-entry {
max-width: 800px !important;
margin: auto !important;
}

Also, please note that zooming in/out does not correctly reflect how your website looks on different screen sizes.

Best regards,
Yigit

Hi,

What is the mobile device you’re testing this with? Is it a tablet? Replace the code with this:

@media only screen and (max-width: 768px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0;
    clear: none !important;
    width: 32% !important;
    float: left;
}
}

Best regards,
Ismael

Hi,

Thank you for the test page. Add this in the Quick CSS field:

#staticbutton {
    margin-top: -300px;
}

Or use percentage value:

#staticbutton {
    margin-top: -20%;
}

Best regards,
Ismael

Hi,

We are very sorry for the delay. Please add this in the Quick CSS field in order to remove the margin on mobile view:

@media only screen and (max-width: 767px) {
#av_section_1 .flex_column_table.av-equal-height-column-flextable {
    margin-top: 0 !important;
}
}

Note that you can apply a unique Section ID to the section containing the column then replace the selector “#av_section_1” with it.

Regarding the second inquiry, those portfolio items are blank.

http://dakwerkendrb.be/dakwerken/wp-admin/post.php?post=909&action=edit
http://dakwerkendrb.be/dakwerken/wp-admin/post.php?post=326&action=edit

Note that the “Voeg een Preview Tekst toe” will only work in the “ajax portfolio”.

Best regards,
Ismael

Hi,

How I add Twitter Cards ( https://dev.twitter.com/cards/types/summary-large-image )
on my code in Enfold ?

This is still not going to work because the social share section has its own set of patterns. It can only share the post title and url. However, it’s possible to alter the pattern by using a filter. Example here: https://kriesi.at/support/topic/social-share-problems/#post-581487

Best regards,
Ismael

Hey nep102,

Thank you for using Enfold.

I’m sorry but this seems to be not possible. Another user has a video background on a site but it’s an mp4 video. It’s possible to pause the video without showing the play button. https://kriesi.at/support/topic/problem-with-looping-video/#post-441912

Best regards,
Ismael

Hi,

Please update the code:

add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() { ?>
	<script type="text/javascript">
	(function($){
		var a = function() {
			var ch = $('.container .av-content-small.units').height();
			$('#top #main .sidebar ').css('height', ch);
		}

		a();
	})(jQuery);
	</script>
	<?php
}

Best regards,
Ismael

Hi,

Issue 1:
The size of the Related Products image are disproportionate to the page and the thumbnails need to be smaller.

Have you tried to adjust the size of the Catalog Images thumbnail?

Issue 2:
The Related Products thumbnails are automatically placing on a dark strip background which looks really weird. How do we remove this background and place the thumbnails under the product description box.

That is the default style of the related section. If you want to change the background color, please use this in the Quick CSS field:

.single-product .alternate_color {
    background-color: #ffffff;
    border-top: 0;
}

Best regards,
Ismael

Hi,

Thank you for the info. Use the “ava_after_main_container” hook. Example:

Instead of is_shop, use the is_single conditional function and render the shortcode with the do_shortcode function. https://developer.wordpress.org/reference/functions/do_shortcode/

Best regards,
Ismael

Hey psstudiosinc,

Thank you for using Enfold.

1.) I’m sorry but you can’t group the items by category without major modification on the archive.php file. You have to duplicate the loop and create a new query which filter the items by category. Please hire a freelance developer or contact codeable: http://kriesi.at/contact

2.) Please refer to this previous thread: https://kriesi.at/support/topic/style-of-single-menu-button-item-link-to-submenu/#post-639090

Best regards,
Ismael

Hi,

It’s not highlighted or selected because the page “Career” has no relation or connection with the job posts. Please try this in the functions.php file:

// custom script
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function h() {
		var job = $('body').hasClass('single-job_listing'),
			career = $('.menu-item-top-level-7');
		if(job) career.addClass('current_page_item current-menu-item');
	}

	h();
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

The comments.php contains a pagination function by default. You have to enable the option “Break comments into pages with top level comments per page and the page displayed by default” in the Settings > Discussion panel.

Best regards,
Ismael

Hey goosedigital1,

Thank you for using Enfold.

We can either hide the caption or adjust the font size on smaller screens. Add something like this in the Quick CSS field:

@media only screen and (max-width: 989px) {
.avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 1em;
}

.avia_transform .av_slideshow_full .active-slide .avia-caption-content {
    font-size: 12px;
}

.slideshow_caption .slideshow_inner_caption {
    top: -40px;
}
}

Best regards,
Ismael

Hi,

Please try this code instead:

// custom script
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		$('#top .avia-logo-element-container .slide-image').each(function() {
			$(this).attr('rel', 'nofollow');
		});
	}

	a();
})(jQuery);
</script>
<?php
}

Best regards,
Ismael