Hi Nikko,
It looks like it’s happening in Firefox and Edge. Chrome seems to be fine. Unfortunately, I can’t send a screenshot since you need to actually see the text move slightly when the container flips.

Ryan

Thanks Nikko. I think that I may not have explained things clearly. It’s the padding of the great boxes themselves that I want to decrease the padding on (the area outside the pink borders). I want the the area within the pink borders to be wider and extend closer to the outside of the grey box. That way I can get all the text on a single line (‘Operating Temperature Range’ is on two lines now and I would like it to be on one). This will help the icons line up better as well. Hopefully that made sense.

Thanks for clarifying that Nikko and providing the additional info. I suspect this could be related to where the website was hosted. Our client actually moved it to a different host last week and the error is not appearing now. So it looks like that fixed it. It’s possible they may have updated WordPress when doing that as well. Thanks again!

Hi Victoria,
Just to confirm – WordPress itself needs to be updated, or the parent theme? If it’s the parent theme, I have updated that and when it was updated, I uploaded the new version of Enfold separately from the old one. So there shouldn’t be any issues with the files not being updated. Also, can you let me know what specific file needs to be updated and it’s location/path?
Thanks!

Hi Rikard,
The first time I tried the update, I just uploaded the new version of the theme over the existing one. I tried again today, but renamed the old theme folder and uploaded the new version as it’s own separate folder. It looks like that did the trick. Thanks for the help.

Hi Rikard,
Sure thing. The link is in the private info. I have the caption centered with a background. Maybe it’s easier to do what I’m asking with it set to the bottom? I wasn’t sure.

Thanks!

Hi, I think I figured it out.

	.av_slideshow_full img {
		display: none !important;
	}

That seemed to work and hide the images from the slider.

Sure thing. The dots inside the highlighted red border is what I am trying to add.

Hi Victoria. This is the first time I have run into this. Do you happen to know of a plugin that would work well with the specific scenario I described?

Thanks for the info Mike. It looks like that’s what the issue was. Is merging those files enabled by default in the latest version of the theme now? I didn’t select that option and haven’t run into it before when modifying the child theme CSS. Also, do I need to disable that for the JavaScript file (which I did) or just for the CSS file since it was just the style.css in the child theme that I am working with. Thanks again for the help.

Awesome! Thanks very much for the help with that.

Hi Ismael,
The info you requested is in the private info below.
Ryan

Hi Ismael,
No I don’t believe anything was modified. Below is link and login to a staging copy of the website.

Ryan

Thanks Ismael. 25px made the input a little too tall. But I used 20px and lowered the padding on #top #s to account for that.

The only thing I ran into is where the search form displays on the actual search results page it is now too small (see the link below). Is there a way to target the height/padding/size of that and make it something different than the size of the search in the header?

Thanks for the link Ismael. I’m not 100% sure after reading through it what code I should replace in the avia.js file. But I think it is this:

		//toogle hide/show for submenu items
		$('.html_av-submenu-display-hover').on( 'mouseenter', '.av-width-submenu', function (e) 
		{ 
			$(this).children("ul.sub-menu").slideDown('fast');	
		});
		
		$('.html_av-submenu-display-hover').on( 'mouseleave', '.av-width-submenu', function (e) 
		{ 
			$(this).children("ul.sub-menu").slideUp('fast');	
		});
		
		$('.html_av-submenu-display-hover').on( 'click', '.av-width-submenu > a', function (e) 
		{ 
			e.preventDefault();
			e.stopImmediatePropagation();
		});
		
			//	for mobile we use same behaviour as submenu-display-click
		$('.html_av-submenu-display-hover').on( 'touchstart', '.av-width-submenu > a', function (e) 
		{ 
			var menu = $(this);
			toggle_submenu( menu, e );
		});
		
		
		//toogle hide/show for submenu items
		$('.html_av-submenu-display-click').on( 'click', '.av-width-submenu > a', function (e) 
		{ 
			var menu = $(this);
			toggle_submenu( menu, e );
		});
		
		
		function toggle_submenu( menu, e )
		{
			e.preventDefault();
			e.stopImmediatePropagation();
			
			var parent  = menu.parents('li').eq(0);
					
			parent.toggleClass('av-show-submenu');
			
			if(parent.is('.av-show-submenu'))
			{
				parent.children("ul.sub-menu").slideDown('fast');	
			}
			else
			{
				parent.children("ul.sub-menu").slideUp('fast');	
			}
		};

And it should be replaced with this:

// close mobile menu if url is the same
$('.html_av-submenu-display-click').on( 'click', 'a', function (e) 
{ 
	e.preventDefault();
	e.stopImmediatePropagation();

	var loc, cur;
	loc = window.location.href.match(/(^[^#]*)/)[0];
	cur = $(this).attr('href').match(/(^[^#]*)/)[0];

	if( cur == loc ) {
		burger.parents('a').eq(0).trigger('click');
	} else {
		window.location.href = $(this).attr('href');
	}

	return false;
});

If you could confirm that for me, that would be great.