bklassenabb

Thanks @asadiy4n !

I think this CSS transition selector is too broad and is causing the page layout to shift after the page loads. I think it might be creating a cascade of transitions that is causing delayed transitions.

*,
*::before,
*::after {
        ...
        transition: .5s ease-in-out;
}

https://themes.trac.ww.wp.xz.cn/browser/hgw-whiteboard/1.3.3/style.css#L49

Please remove this universal transition and replace with more specific transitions on the elements that should have transitions.

Hi @asadiy4n, it’s happening in this preview page: go to https://ww.wp.xz.cn/themes/hgw-whiteboard/ and click Preview. Then adjust the width of the browser and see how the site name and site description shrink and grow. You might have to wait a second or 2 after you adjust the browser width before the text size changes.

• This reply was modified 4 years ago by bklassenabb.

Sounds good – thanks!

Ok thanks for the info. For anyone out there who wants people to receive updates for parent categories, I solved the issue with a bit of jQuery to check parent checkboxes when child checkboxes are clicked.

    $('.stc-categories-checkboxes ul.stc-nested-u input[type=checkbox]').change(function() {
		
		var clickedCheckboxIsChecked = this.checked;
		var clickedCheckbox = $(this);
		var clickedUL = $(this).closest('ul.stc-nested-u');
		
		// check/uncheck all child categories
		$(this).closest('li').find('input[type=checkbox]').each(function() {
            $(this).prop('checked', clickedCheckboxIsChecked);
		});
		
		// check parent categories
		if (clickedCheckboxIsChecked) {
			$(this).parents('ul.stc-nested-u').each(function() {
				if (!$(this).is(clickedUL)) {
					$(this).find('input[type=checkbox]').first().prop('checked', true);
				}
			});
		}
    });