{"id":10793,"date":"2019-02-13T11:15:51","date_gmt":"2019-02-13T10:15:51","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=10793"},"modified":"2025-04-24T06:39:52","modified_gmt":"2025-04-24T04:39:52","slug":"prevent-the-logo-in-divi-to-shrink-when-scrolling-down","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/","title":{"rendered":"Prevent the Logo in Divi to Shrink When Scrolling Down"},"content":{"rendered":"\n<p>By default the fixed header height in Divi shrinks down the menu and logo when you start scrolling down the page. This makes the header more compact. If you or your client don\u2019t like this effect than you can disable this from happening. You only have to make one very simple adjustment.<\/p>\n\n\n\n<h2>Stop the Divi header from shrinking down on scroll<\/h2>\n\n\n\n<p>In your WordPress dashboard go to:<\/p>\n\n\n\n<p>Go to Divi &gt; Theme Customizer &gt; Header &amp; Navigation &gt; Fixed Navigation Settings<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"244\" src=\"https:\/\/mk0markhendriks8nxd9.kinstacdn.com\/wp-content\/uploads\/2019\/02\/Fixed-navigation-settings.jpg\" alt=\"Divi theme logo in fixed navigation bar\" class=\"wp-image-10747\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Fixed-navigation-settings.jpg 344w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Fixed-navigation-settings-300x213.jpg 300w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<p>Change the fixed menu height value to the same value as in the menu height settings:<\/p>\n\n\n\n<p>Divi &gt; Theme Customizer &gt; Header &amp; Navigation &gt; Primary Menu Bar<\/p>\n\n\n\n<p>When you scroll down the page the fixed header will remain the same size.<\/p>\n\n\n\n<p>That\u2019s it!<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-54d932b0 gb-headline-text\">You Might Also Like\u2026<\/h3>\n\n\n\n<ul class=\"listsquare listsquare-single wp-block-list\"><li><a href=\"https:\/\/www.markhendriksen.com\/divi-theme-logo-the-ultimate-guide\/\">Divi Theme Logo The Ultimate Guide<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-add-an-svg-logo-to-your-divi-theme\/\">How to add an SVG logo to your Divi theme<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-adjust-the-divi-logo-height-and-size\/\">How To Adjust The Divi Logo Height And Size<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-create-an-overlapping-logo-in-divi\/\">How to Create an Overlapping Logo in Divi<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-fix-menu-items-being-overlapped-by-the-logo-in-divi\/\">How to Fix Menu Items Being Overlapped by the Logo in Divi<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-logo\/\">How To Change The Divi Logo<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":10800,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-10793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prevent the Logo in Divi to Shrink When Scrolling Down<\/title>\n<meta name=\"description\" content=\"By default the Divi header shrinks down the menu and logo when you scroll down the page. To prevent this you can follow these simple steps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prevent the Logo in Divi to Shrink When Scrolling Down\" \/>\n<meta property=\"og:description\" content=\"By default the Divi header shrinks down the menu and logo when you scroll down the page. To prevent this you can follow these simple steps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-13T10:15:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-24T04:39:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"Prevent the Logo in Divi to Shrink When Scrolling Down\",\"datePublished\":\"2019-02-13T10:15:51+00:00\",\"dateModified\":\"2025-04-24T04:39:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\"},\"wordCount\":192,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\",\"url\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\",\"name\":\"Prevent the Logo in Divi to Shrink When Scrolling Down\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg\",\"datePublished\":\"2019-02-13T10:15:51+00:00\",\"dateModified\":\"2025-04-24T04:39:52+00:00\",\"description\":\"By default the Divi header shrinks down the menu and logo when you scroll down the page. To prevent this you can follow these simple steps.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg\",\"width\":720,\"height\":400,\"caption\":\"Prevent the logo in Divi to shrink when scrolling down\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prevent the Logo in Divi to Shrink When Scrolling Down\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prevent the Logo in Divi to Shrink When Scrolling Down","description":"By default the Divi header shrinks down the menu and logo when you scroll down the page. To prevent this you can follow these simple steps.","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:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/","og_locale":"en_US","og_type":"article","og_title":"Prevent the Logo in Divi to Shrink When Scrolling Down","og_description":"By default the Divi header shrinks down the menu and logo when you scroll down the page. To prevent this you can follow these simple steps.","og_url":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2019-02-13T10:15:51+00:00","article_modified_time":"2025-04-24T04:39:52+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"Prevent the Logo in Divi to Shrink When Scrolling Down","datePublished":"2019-02-13T10:15:51+00:00","dateModified":"2025-04-24T04:39:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/"},"wordCount":192,"commentCount":5,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/","url":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/","name":"Prevent the Logo in Divi to Shrink When Scrolling Down","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg","datePublished":"2019-02-13T10:15:51+00:00","dateModified":"2025-04-24T04:39:52+00:00","description":"By default the Divi header shrinks down the menu and logo when you scroll down the page. To prevent this you can follow these simple steps.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2019\/02\/Prevent-the-logo-in-Divi-to-shrink-when-scrolling-down.jpg","width":720,"height":400,"caption":"Prevent the logo in Divi to shrink when scrolling down"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/prevent-the-logo-in-divi-to-shrink-when-scrolling-down\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"Prevent the Logo in Divi to Shrink When Scrolling Down"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/10793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=10793"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/10793\/revisions"}],"predecessor-version":[{"id":35645,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/10793\/revisions\/35645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/10800"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=10793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=10793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=10793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}