<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Scroll Archives - WPPortfolio &ndash; Expert Divi Freelancer &amp; WordPress Web Design</title>
	<atom:link href="https://wpportfolio.com/tag/scroll/feed/" rel="self" type="application/rss+xml" />
	<link>https://wpportfolio.com/tag/scroll/</link>
	<description>Custom Divi Designs &#38; WordPress Solutions for Small Businesses</description>
	<lastBuildDate>Wed, 14 Jan 2026 05:16:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://wpportfolio.com/wp-content/uploads/2019/04/cropped-WP-Portfolio-favicon-32x32.png</url>
	<title>Scroll Archives - WPPortfolio &ndash; Expert Divi Freelancer &amp; WordPress Web Design</title>
	<link>https://wpportfolio.com/tag/scroll/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Keep the DIVI Menu Same Size Without Shrinking on Scroll</title>
		<link>https://wpportfolio.com/keep-the-divi-menu-same-size-without-shrinking-on-scroll/</link>
					<comments>https://wpportfolio.com/keep-the-divi-menu-same-size-without-shrinking-on-scroll/#comments</comments>
		
		<dc:creator><![CDATA[Girish Dadlani]]></dc:creator>
		<pubDate>Sat, 19 Oct 2019 18:14:44 +0000</pubDate>
				<category><![CDATA[DIVI Primary Menu]]></category>
		<category><![CDATA[Divi]]></category>
		<category><![CDATA[Fixed Menu]]></category>
		<category><![CDATA[Primary Menu]]></category>
		<category><![CDATA[Scroll]]></category>
		<guid isPermaLink="false">https://wpportfolio.com/?p=118617</guid>

					<description><![CDATA[<p>In this tip we will learn how to keep the DIVI Menu same size without shrinking on scroll. We will adjust the menu height and text size in the settings.</p>
<p>The post <a href="https://wpportfolio.com/keep-the-divi-menu-same-size-without-shrinking-on-scroll/">Keep the DIVI Menu Same Size Without Shrinking on Scroll</a> appeared first on <a href="https://wpportfolio.com">WPPortfolio &ndash; Expert Divi Freelancer &amp; WordPress Web Design</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>The DIVI Primary menu and logo shrinks in size when you scroll down the page. In DIVI when you scroll down, the fixed header settings come into effect. In this quick tip we will see how to prevent the shrinking of the DIVI primary menu and logo and keep it the same size on scroll. </p>
<p>You can make the Primary Menu and Fixed Menu (on scroll) height to exactly same so that your logo and menu items do not shrink. Lets see how to do that. </p>
<p>Here&#8217;s how the Primary menu looks with the default settings. Notice how when you scroll the the primary menu and logo shrink.</p>
<h2>Primary Menu Before Scrolling Down</h2>
<div id="attachment_118622" style="width: 1328px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" aria-describedby="caption-attachment-118622" class="wp-image-118622 size-full" title="DIVI Header/Primary Menu before Scroll" src="https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-before-scroll.jpg" alt="DIVI Header/Primary Menu before Scroll" width="1318" height="550" srcset="https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-before-scroll.jpg 1318w, https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-before-scroll-1280x534.jpg 1280w, https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-before-scroll-980x409.jpg 980w, https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-before-scroll-480x200.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1318px, 100vw" /><p id="caption-attachment-118622" class="wp-caption-text">DIVI Header/Primary Menu before Scroll</p></div>
<p>&nbsp;</p>
<h2>Primary Menu After Scrolling Down</h2>
<div id="attachment_118623" style="width: 1323px" class="wp-caption aligncenter"><img decoding="async" aria-describedby="caption-attachment-118623" class="wp-image-118623 size-full" title="DIVI Header/Primary Menu after Scroll" src="https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-after-scroll.jpg" alt="DIVI Header/Primary Menu after Scroll" width="1313" height="604" srcset="https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-after-scroll.jpg 1313w, https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-after-scroll-1280x589.jpg 1280w, https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-after-scroll-980x451.jpg 980w, https://wpportfolio.com/wp-content/uploads/2019/10/DIVI-Menu-after-scroll-480x221.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1313px, 100vw" /><p id="caption-attachment-118623" class="wp-caption-text">DIVI Header/Primary Menu after Scroll</p></div>
<p>&nbsp;</p>
<h2>Steps for keeping DIVI Menu same size on scroll</h2>
<p>Step 1) Find out what your primary menu height and the text size is is by navigating to </p>
<p>DIVI &#8211;&gt; Theme Customizer –-&gt; Header &amp; Navigation –-&gt; Primary Menu Bar &#8211;&gt; MENU HEIGHT</p>
<p>DIVI &#8211;&gt; Theme Customizer –-&gt; Header &amp; Navigation –-&gt; Primary Menu Bar &#8211;&gt; TEXT SIZE</p>
<p>In my case this a a value of 67 and 14 as shown below . </p>
<div id="attachment_118624" style="width: 1319px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-118624" class="wp-image-118624 size-full" title="Primary Menu Height in DIVI" src="https://wpportfolio.com/wp-content/uploads/2019/10/Primary-Menu-Height-in-DIVI.jpg" alt="Primary Menu Height in DIVI" width="1309" height="522" srcset="https://wpportfolio.com/wp-content/uploads/2019/10/Primary-Menu-Height-in-DIVI.jpg 1309w, https://wpportfolio.com/wp-content/uploads/2019/10/Primary-Menu-Height-in-DIVI-1280x510.jpg 1280w, https://wpportfolio.com/wp-content/uploads/2019/10/Primary-Menu-Height-in-DIVI-980x391.jpg 980w, https://wpportfolio.com/wp-content/uploads/2019/10/Primary-Menu-Height-in-DIVI-480x191.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1309px, 100vw" /><p id="caption-attachment-118624" class="wp-caption-text">Primary Menu Height in DIVI</p></div>
<p>&nbsp;</p>
<p>Step 2 ) Make the Fixed Menu height and text size same as the number you have in the primary menu (in my case 67 and 14)</p>
<p>Navigate to </p>
<p>DIVI &#8211;&gt; Theme Customizer &#8211;&gt; Header &amp; Navigation &#8211;&gt; Fixed Navigation Settings &#8211;&gt; FIXED MENU HEIGHT</p>
<p>DIVI &#8211;&gt; Theme Customizer &#8211;&gt; Header &amp; Navigation &#8211;&gt; Fixed Navigation Settings &#8211;&gt; TEXT SIZE</p>
<p>Make the fixed menu height and the text size exactly same as the primary menu and now your logo and menu items won&#8217;t shrink on scrolling down.</p>
<div id="attachment_118625" style="width: 1313px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-118625" class="wp-image-118625 size-full" title="Fixed Menu Height in DIVI" src="https://wpportfolio.com/wp-content/uploads/2019/10/Fixed-Menu-Height-in-DIVI.jpg" alt="Fixed Menu Height in DIVI" width="1303" height="544" srcset="https://wpportfolio.com/wp-content/uploads/2019/10/Fixed-Menu-Height-in-DIVI.jpg 1303w, https://wpportfolio.com/wp-content/uploads/2019/10/Fixed-Menu-Height-in-DIVI-1280x534.jpg 1280w, https://wpportfolio.com/wp-content/uploads/2019/10/Fixed-Menu-Height-in-DIVI-980x409.jpg 980w, https://wpportfolio.com/wp-content/uploads/2019/10/Fixed-Menu-Height-in-DIVI-480x200.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1303px, 100vw" /><p id="caption-attachment-118625" class="wp-caption-text">Fixed Menu Height in DIVI</p></div>
<p>Now, when you scroll both the menu will not shrink any more and both of them will have the same height and text size.</p>
<p>I hope you enjoyed this quick tip. For more DIVI TIPS and TRICKS make sure you visit my <a href="https://wpportfolio.com/divi-blog/">DIVI BLOG</a>. <br />If you like to hire me for designing or editing your DIVI website, send me a message on my <a href="https://wpportfolio.com/contact-divi-freelancer/">contact page</a>.</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Related Posts –</h2>
<ul>
<li><a href="https://wpportfolio.com/hide-divi-top-header-secondary-menu-on-scroll/">Hide DIVI Top Header/Secondary Menu on Scroll</a></li>
</ul></div>
			</div><div class="et_pb_module et_pb_comments_0 et_pb_comments_module et_pb_bg_layout_light">
				
				
				
				
				
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><em>I would love to hear about how I can help you with your business website. I have a Masters in Computer Science from Pace University, New York. Having worked in the software industry for many years, I am now freelancing and have specialized in using the<a href="https://www.elegantthemes.com/gallery/divi/" target="_blank" rel="noopener noreferrer"> DIVI theme</a> from Elegant Themes, since the past eight years. Do have a look at my <a href="https://wpportfolio.com/portfolio/">portfolio</a> to view my other completed projects. Feel free to <a href="https://wpportfolio.com/contact-divi-freelancer/">contact me</a> and I will get back to you immediately.</em></p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://wpportfolio.com/keep-the-divi-menu-same-size-without-shrinking-on-scroll/">Keep the DIVI Menu Same Size Without Shrinking on Scroll</a> appeared first on <a href="https://wpportfolio.com">WPPortfolio &ndash; Expert Divi Freelancer &amp; WordPress Web Design</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
