Volatyl Framework Update 1.3.4

This update applies to both Volatyl and Volatyl for EDD.

The menus have improved. This version brings JavaScript to the Volatyl menus. The pure CSS version is no more. As a result, the HTML output of the menus have changed so you may experience style changes after you update. Simply edit your CSS file to corresponded with any new classes added to the output.

The new menu structure is much simpler and requires less CSS to style. Likewise, there are fewer moving parts. The menu toggle filters have been reduced to one filter per menu (header, standard, and footer). The filters have been updated in the Volatyl docs.

Updating Tips

While I can’t predict with complete accuracy when CSS selector issues you will run into, I can give you a few tips that will get you pointed in the right direction in your child theme.

Open up your child theme stylesheet and do a find and replace for…

  • Find .short-menu replace with .header-navigation
  • Find .full-menu replace with .secondary-navigation
  • Find .header-menu-wrap replace with #header-menu-wrap
  • Find #header-menu-container replace with #header-menu-wrap
  • Find .menu-toggle replace with .header-menu-toggle for the header menu or .secondary-menu-toggle for the standard and footer menus

If a background now appears on your menus at mobile widths, this may take care of it inside of the max-width: 768px media query of your child theme stylesheet.

.header-navigation.toggled .nav-menu,
.secondary-navigation.toggled .nav-menu {
	background: none;
	border: none;
}

If your header menu toggle does not center in the header on screen sizes slimmer than 768px, place this inside of the max-width: 768px media query of your child theme stylesheet.

#header-menu-wrap {
	position: static;
}

That alone will slim down the number of changes you’d need to make. From there, simply use your browser inspector to observe the new, slim HTML structure and tweak your CSS selectors accordingly.

If you are having troubles updating your child themes with the new changes, please visit the support forums and start a new thread. I apologize for the inconvenience!

Return to docs