Recipe category expand

Question

Hello I love the categories layout in the recipes demo. The one with the vertical text which expands on mouse over. Is there a way to keep one expanded by default on desktop? Cheers!

SemiColonWeb · Accepted Answer

Hello,

Absolutely! You can simply find the .categories:hover Class in the demos/recipes/recipes.css File and then duplicate it and change it to .categories:nth-of-type(1) to make the First Category expanded. Example:


.categories:hover,
.categories:nth-of-type(1) {
	min-width: 250px;
	background-size: auto 100%;
	border-radius: 10px;
}

Make sure that you do this for all the related CSS Blocks. This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

supermanage · Answer

Thanks this works and I appreciate your help. Why doesn't it collapsed when another is hovered over?

Semicolon Web · Answer

Hello,

Unfortunately, this feature is currently not supported as the Expand Feature is handled on Mouseover. We will surely consider adding this in Our Future Updates and will send you a Notification once this is available.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.