• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Genesis Theme Framework a2z

Genesis Theme Framework a2z

WordPress Dynamic API Reference

  • Home
  • Plugins
  • Shortcodes
  • APIs
  • Classes
  • Files
  • Hooks
  • Sitemap
  • Blog
Home / Parsed Source / Parsed: 49854
  public function add_custom_css() {

    $media_query = esc_attr( $this->extras_config['media_query_width'] );
    $extra       = $this->extras_config['css'];

    $css = sprintf(
      '
			/* Genesis+AMP responsive menu styles.
			--------------------------------------------- */
			@media only screen and (min-width: %1$s) {
				.menu-item.genesis-amp-combined { display: none }
			}

			@media only screen and (max-width: %1$s) {
				.header-menu .genesis-responsive-menu,
				.genesis-responsive-menu {
					display: block;
					position: absolute;
					left: -9999px;
					opacity: 0;
					-webkit-transform: scaleY(0);
					-moz-transform: scaleY(0);
					-ms-transform: scaleY(0);
					-o-transform: scaleY(0);
					transform: scaleY(0);
					transform-origin: top;
					-webkit-transition: transform 0.2s ease;
					-moz-transition: transform 0.2s ease;
					o-transition: transform 0.2s ease;
					transition: transform 0.2s ease;
				}

				.genesis-nav-menu.responsive-menu.toggled-on,
				.genesis-responsive-menu.toggled-on {
					opacity: 1;
					position: relative;
					left: auto;
					-webkit-transform: scaleY(1);
					-moz-transform: scaleY(1);
					-ms-transform: scaleY(1);
					-o-transform: scaleY(1);
					transform: scaleY(1);
				}

				.genesis-responsive-menu.toggled-on .menu-item .sub-menu,
				.genesis-responsive-menu.toggled-on .menu-item:hover > .sub-menu {
					display: none;
				}

				.genesis-responsive-menu.toggled-on .sub-menu-toggle.toggled-on + .sub-menu {
					display: block;
					width: 100%%;
					-webkit-transform: scaleY(1);
					-moz-transform: scaleY(1);
					-ms-transform: scaleY(1);
					-o-transform: scaleY(1);
					transform: scaleY(1);
				}

				%2$s

			}',
      $media_query,
      $extra
    );

    
/**
 * Filter the CSS output.
 *
 * @since 3.1.1
 *
 * @param string $css         The default CSS output.
 * @param string $media_query The media query set in theme config.
 * @param string $extra       The extra CSS set in theme config.
 */
    $css = apply_filters( 'genesis_amp_menu_css', $css, $media_query, $extra );

    wp_add_inline_style( genesis_get_theme_handle(), $css );

  }
 

Published: 25th November 2019 | Last updated: 3rd April 2020

Primary Sidebar

Information

Source ref: Genesis_AMP_Menu::add_custom_css() – Adds the menu’s custom CSS to the child theme’s stylesheet.
Parse count / Source file date: 1585909725
MD5 hash: a281ba9bfd7b7443555da4444b83c853

Footer

Genesis a2z
Genesis Theme Framework a2z
WordPress Dynamic API Reference
WordPress 5.9.3
WordPress a2z
WordPress core a2z
Genesis Theme Framework a2z
Jetpack a2z
WordPress develop tests
Easy Digital Downloads a2z
WooCommerce a2z
Yoast SEO a2z
WordPress Blocks

Site:  genesis.wp-a2z.org
© Copyright Genesis a2z 2014-2022. All rights reserved.


Website designed and developed by Herb Miller
Proudly powered by WordPress and oik plugins

  • Home
  • Blog
  • Sitemap
  • Sites