{"id":2079,"date":"2021-01-15T12:58:05","date_gmt":"2021-01-15T12:58:05","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=2079"},"modified":"2021-01-16T06:00:31","modified_gmt":"2021-01-16T06:00:31","slug":"astra-theme","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/theme-integration\/astra-theme\/","title":{"rendered":"Astra Theme"},"content":{"rendered":"<p>Add this code into function.php of your <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">child theme<\/a>.<\/p>\n<blockquote>\n<p>Please make all changes to the child theme files, and do not add the code directly to the theme files, otherwise after updating the theme your fixes will be lost<\/p>\n<\/blockquote>\n<p><code>function.php<\/code><\/p>\n<pre><code>\/\/ ---------------------------------------------------------------------------------------------------------------------<br>\n\/\/   Groovy Menu plugin integration. With Astra 2.5+ version support.<br>\n\/\/ ---------------------------------------------------------------------------------------------------------------------<br>\nif ( ! function_exists( 'gm_astra_child_init_function' ) ) {<br>\n\tfunction gm_astra_child_init_function() {<br>\n\t\tif ( function_exists( 'groovy_menu' ) ) {<p><\/p>\n<p>\t\t\t\/\/ We remove the function that rewrites all CSS classes from the Groovy Menu plugin.<br>\n\t\t\tremove_filter( 'nav_menu_link_attributes', 'astra_menu_anchor_class_for_nav_menus' );<\/p>\n<p>\t\t\t\/\/ Remove default header.<br>\n\t\t\tremove_action( 'astra_header', 'astra_header_markup' );<\/p>\n<p>\t\t\t\/\/ Add Groovy Menu for the header.<br>\n\t\t\tadd_action( 'astra_header_before', 'gm_astra_child_add_groovy_menu', 5 );<br>\n\t\t}<br>\n\t}<br>\n}<\/p>\n<p>if ( ! function_exists( 'gm_astra_child_add_groovy_menu' ) ) {<br>\n\tfunction gm_astra_child_add_groovy_menu() {<br>\n\t\tif ( function_exists( 'groovy_menu' ) ) {<\/p>\n<p>\t\t\tgroovy_menu();<\/p>\n<p>\t\t}<br>\n\t}<br>\n}<\/p><\/code><\/pre>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<p><\/p>\n<p><code>style.css<\/code><\/p>\n<pre><code>\/*\nTheme Name: Astra Child (GroovyMenu)\nTemplate: astra\nDescription: Astra Child theme with Groovy Menu plugin integration. Support Astra version 2.5+\nTheme URI: https:\/\/wpastra.com\/\nAuthor: Grooni\nAuthor URI: https:\/\/grooni.com\/docs\/groovy-menu\/\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nVersion: 2.5.5.1\n*\/\n\n.gm-navbar .gm-minicart ul.cart_list li a,\n.gm-navbar .gm-minicart ul.product_list_widget li a {\n    font-weight: 700;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl::after,\n.gm-navbar .gm-minicart ul.cart_list li dl::before,\n.gm-navbar .gm-minicart ul.product_list_widget li dl::after,\n.gm-navbar .gm-minicart ul.product_list_widget li dl::before {\n    content: ' ';\n    display: table;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl::after,\n.gm-navbar .gm-minicart ul.product_list_widget li dl::after {\n    clear: both;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl,\n.gm-navbar .gm-minicart ul.product_list_widget li dl {\n    margin: 0;\n    padding-left: 0.5em;\n    border-left: 2px solid rgba(0, 0, 0, 0.1);\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl dd,\n.gm-navbar .gm-minicart ul.cart_list li dl dt,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dd,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dt {\n    display: inline-block;\n    float: left;\n    font-size: inherit;\n    padding: 0 0 4px 0;\n    margin: 0;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl dt,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dt {\n    font-weight: 700;\n    margin: 0 4px 0 0;\n    clear: left;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl dd,\n.gm-navbar .gm-minicart ul.cart_list li dl dd p,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dd p,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dd {\n    font-weight: 400 !important;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li dl dd p,\n.gm-navbar .gm-minicart ul.cart_list li dl dt p,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dd p,\n.gm-navbar .gm-minicart ul.product_list_widget li dl dt p {\n    padding: 0;\n    margin: 0;\n}\n\n.gm-navbar .gm-minicart ul.cart_list li .quantity,\n.gm-navbar .gm-minicart ul.product_list_widget li .quantity {\n    display: block;\n    clear: both;\n}\n\n.gm-navbar .gm-minicart a.remove {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    width: 24px;\n    height: 24px;\n    text-align: center;\n    line-height: 21px;\n    border-radius: none;\n    color: inherit;\n    text-decoration: none;\n    border: none;\n}\n\n.gm-navbar .gm-minicart ul.product_list_widget li {\n    border-bottom: none;\n}\n\n.gm-navbar .gm-minicart ul.product_list_widget li img {\n    margin: 0 0 0.5em 0;\n    transform: none;\n}\n\n<\/code><\/pre>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alert alert-warning\"><strong>Note:<\/strong> You can find the child theme for the Astra theme in the <code>Groovy Menu &gt; Integration<\/code> section<\/div>","protected":false},"excerpt":{"rendered":"<p>Add this code into function.php of your child theme. Please make all changes to the child theme files, and do &hellip; <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/theme-integration\/astra-theme\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":2075,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2079"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/comments?post=2079"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2079\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2075"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=2079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}