{"id":80607,"date":"2025-02-03T06:57:19","date_gmt":"2025-02-03T09:57:19","guid":{"rendered":"https:\/\/quadmenu.com\/documentation\/responsive\/"},"modified":"2025-02-03T07:04:42","modified_gmt":"2025-02-03T10:04:42","slug":"responsive","status":"publish","type":"doc","link":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/","title":{"rendered":"Responsive"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Responsive Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use this tab to configure some general options, which apply to all theme locations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">QuadMenu &gt; Panel &gt; Responsive<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Breakpoint<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This option allows you to choose the screen size at which the menu collapses. You can type in the value in pixels, or you can use the slider. A collapsed menu doesn\u2019t display links in the first level, instead it shows an icon to display them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gutter<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This option allows you to choose the padding between columns and some other menu elements. You can type in the value in pixels, or you can use the slider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-1024x458.jpg\" alt=\"Responsive configuration\" class=\"wp-image-1614\" srcset=\"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-1024x458.jpg 1024w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-300x134.jpg 300w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-768x344.jpg 768w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-60x27.jpg 60w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-110x49.jpg 110w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-500x224.jpg 500w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-700x313.jpg 700w, https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive.jpg 1329w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"parent":80603,"menu_order":25,"template":"","class_list":["post-80607","doc","type-doc","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.3 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Responsive - QuadMenu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive\" \/>\n<meta property=\"og:description\" content=\"Responsive Options Use this tab to configure some general options, which apply to all theme locations. QuadMenu &gt; Panel &gt; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"QuadMenu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/quadlayers\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-03T10:04:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1329\" \/>\n\t<meta property=\"og:image:height\" content=\"595\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/\",\"url\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/\",\"name\":\"Responsive - QuadMenu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/quadmenu.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/quadmenu.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/responsive-1024x458.jpg\",\"datePublished\":\"2025-02-03T09:57:19+00:00\",\"dateModified\":\"2025-02-03T10:04:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/#primaryimage\",\"url\":\"https:\\\/\\\/quadmenu.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/responsive.jpg\",\"contentUrl\":\"https:\\\/\\\/quadmenu.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/responsive.jpg\",\"width\":1329,\"height\":595,\"caption\":\"Responsive configuration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/responsive\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/quadmenu.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customization\",\"item\":\"https:\\\/\\\/quadmenu.com\\\/documentation\\\/customization\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Responsive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/quadmenu.com\\\/#website\",\"url\":\"https:\\\/\\\/quadmenu.com\\\/\",\"name\":\"QuadMenu\",\"description\":\"The Best Wordpress Mega Menu\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/quadmenu.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Responsive - QuadMenu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/","og_locale":"en_US","og_type":"article","og_title":"Responsive","og_description":"Responsive Options Use this tab to configure some general options, which apply to all theme locations. QuadMenu &gt; Panel &gt; [&hellip;]","og_url":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/","og_site_name":"QuadMenu","article_publisher":"https:\/\/www.facebook.com\/quadlayers","article_modified_time":"2025-02-03T10:04:42+00:00","og_image":[{"width":1329,"height":595,"url":"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive.jpg","type":"image\/jpeg"}],"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/","url":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/","name":"Responsive - QuadMenu","isPartOf":{"@id":"https:\/\/quadmenu.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/#primaryimage"},"image":{"@id":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive-1024x458.jpg","datePublished":"2025-02-03T09:57:19+00:00","dateModified":"2025-02-03T10:04:42+00:00","breadcrumb":{"@id":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quadmenu.com\/documentation\/customization\/responsive\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/#primaryimage","url":"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive.jpg","contentUrl":"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/responsive.jpg","width":1329,"height":595,"caption":"Responsive configuration"},{"@type":"BreadcrumbList","@id":"https:\/\/quadmenu.com\/documentation\/customization\/responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/quadmenu.com\/"},{"@type":"ListItem","position":2,"name":"Customization","item":"https:\/\/quadmenu.com\/documentation\/customization\/"},{"@type":"ListItem","position":3,"name":"Responsive"}]},{"@type":"WebSite","@id":"https:\/\/quadmenu.com\/#website","url":"https:\/\/quadmenu.com\/","name":"QuadMenu","description":"The Best Wordpress Mega Menu","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quadmenu.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/doc\/80607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/types\/doc"}],"up":[{"embeddable":true,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/doc\/80603"}],"wp:attachment":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/media?parent=80607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}