{"id":963,"date":"2020-11-06T11:57:47","date_gmt":"2020-11-06T18:57:47","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=963"},"modified":"2022-06-29T06:53:29","modified_gmt":"2022-06-29T06:53:29","password":"","slug":"edit-dropdown-menu-styling","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/edit-dropdown-menu-styling\/","title":{"rendered":"Edit Dropdown Menu Styling"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-medium\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-dropdown-menu-01-300x268.jpg\" alt=\"\" class=\"wp-image-740\" \/><\/figure><\/div>\n\n\n\n<p>Within Kadence you can control the dropdown menu background and font styles from within the customizer. Start by going to appearance &gt; customize. Then click &#8220;header&#8221; under the header settings you will see one of your navigation areas. For example: &#8220;primary navigation&#8221;. Click on that then in that section at the bottom you can see the link for the &#8220;dropdown options&#8221;.<\/p>\n\n\n<style>#kt-layout-id_21a044-29 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_21a044-29 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_21a044-29 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_21a044-29 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_21a044-29 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_21a044-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_21a044-29\" class=\"kt-row-layout-inner kt-layout-id_21a044-29\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_f4ca2a-01 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_f4ca2a-01 > .kt-inside-inner-col,.kadence-column_f4ca2a-01 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_f4ca2a-01 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_f4ca2a-01 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_f4ca2a-01 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_f4ca2a-01 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_f4ca2a-01{position:relative;}@media all and (max-width: 1024px){.kadence-column_f4ca2a-01 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_f4ca2a-01 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_f4ca2a-01\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-dropdown-menu-02.jpg\" alt=\"\" class=\"wp-image-741\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column_120171-4f > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_120171-4f > .kt-inside-inner-col,.kadence-column_120171-4f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_120171-4f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_120171-4f > .kt-inside-inner-col{flex-direction:column;}.kadence-column_120171-4f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_120171-4f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_120171-4f{position:relative;}@media all and (max-width: 1024px){.kadence-column_120171-4f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_120171-4f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_120171-4f\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-dropdown-menu-03-522x1024.jpg\" alt=\"\" class=\"wp-image-742\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<p>Once in the dropdown options you can edit the general and design settings.<\/p>\n\n\n<style>#kt-layout-id_5faf71-7d > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_5faf71-7d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_5faf71-7d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_5faf71-7d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_5faf71-7d > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_5faf71-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_5faf71-7d\" class=\"kt-row-layout-inner kt-layout-id_5faf71-7d\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_b733d9-e4 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_b733d9-e4 > .kt-inside-inner-col,.kadence-column_b733d9-e4 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_b733d9-e4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_b733d9-e4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_b733d9-e4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_b733d9-e4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_b733d9-e4{position:relative;}@media all and (max-width: 1024px){.kadence-column_b733d9-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_b733d9-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_b733d9-e4\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-dropdown-menu-04.jpg\" alt=\"\" class=\"wp-image-743\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column_0e0bbb-62 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_0e0bbb-62 > .kt-inside-inner-col,.kadence-column_0e0bbb-62 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_0e0bbb-62 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_0e0bbb-62 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_0e0bbb-62 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_0e0bbb-62 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_0e0bbb-62{position:relative;}@media all and (max-width: 1024px){.kadence-column_0e0bbb-62 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_0e0bbb-62 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_0e0bbb-62\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-dropdown-menu-05-464x1024.jpg\" alt=\"\" class=\"wp-image-744\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Within Kadence you can control the dropdown menu background and font styles from within the customizer. Start by going to appearance &gt; customize. Then click &#8220;header&#8221; under the header settings you will see one of your navigation areas. For example: &#8220;primary navigation&#8221;. Click on that then in that section at the bottom you can see&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[407],"doc_tag":[],"knowledge_base":[6],"class_list":["post-963","docs","type-docs","status-publish","hentry","doc_category-theme-header","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":74,"total_views":"8661","reactions":{"happy":"0","normal":"3","sad":"2"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Header","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-header\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":407,"label":"Header"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=963"}],"version-history":[{"count":1,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/963\/revisions"}],"predecessor-version":[{"id":5380,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/963\/revisions\/5380"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=963"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=963"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=963"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}